Логотип
Маковецкий.RU
Ссылка на твиттер

9 комментариев к записи "Как придать прозрачность css-элементу на сайте"

  1. Руслан от пишет:

    Прикольно получается. А можно ли так все затемнить, но уже при наведение что бы так же оставалось?

    • Никита от пишет:

      О чем это ты?

      • Руслан от пишет:

        Ну вот сейчас это все как серое, а когда мышкой наводишь становиться нормальным изображение, а можно сделать так что бы при наведении мышки нормальным оно не становилось, а оставалось прежним?

        • Никита от пишет:

          Можно. Это еще проще, чем вариант с наведением курсора.

    • Кирилл от пишет:

      Да, конечно можно!
      Просто нужно поменять местами несколько строк в CSS коде. Если я не ошибаюсь, то так:

      .img1 { 
      opacity:1;
        filter:alpha(opacity=100);
      }
       .img1:hover { /* При наведении */
        opacity:0.4;
        filter:alpha(opacity=40);
      }
      • Никита от пишет:

        Руслан имел ввиду то, чтобы изображение (элемент) было все время полупрозрачным. Тут нужно лишь это:

        .img1 {
        opacity:0.4;
        filter:alpha(opacity=40);
        }
  2. Ди от пишет:

    А как сделать только один цвет полупрозрачным в css??
    Хочу в хроме белый цвет в эскизных страница сделать полупрозрачным чтобы красивее было

    • Никита от пишет:

      Не совсем Вас понял, но попробуйте прописать вот это:

      background: #fff;
      opacity:0.4;
      
  3. Вячеслав от пишет:

    Ставлю в css background: #e5e5e5; opacity:0.1;

    Так у меня и background и текст на нем (это меню) прозрачным становятся :-(
    И ничего не могу сделать :-( Как сделать, что-бы текст оставался НОРМАЛЬНЫМ?
    Спаибо.

    Вот кусок меню:

    /* MENU */

    #nav {
    background: #e5e5e5;
    float: left;
    margin: 0; padding: 0;
    border-bottom: none;
    }

    #nav li a, #nav li {
    float: left;
    }

    #nav li {
    list-style: none;
    position: relative;
    }

    #nav li a {
    padding: 1em 2em;
    text-decoration: none;
    color: white;
    background: #292929;
    background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
    background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));
    border-right: 1px solid #3c3c3c;
    border-left: 1px solid #292929;
    border-bottom: 1px solid #232323;
    border-top: 1px solid #545454;
    }

    #nav li a:hover {
    background: #2a0d65;
    background: -moz-linear-gradient(top, #11032e, #2a0d65);
    background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
    }

    /* Submenu */

Добавить комментарий

  1. Комментарии, содержащие нецензурную брань, грубейшие грамматические ошибки, или албанскую лексику, удаляются.
  2. В поле "Сайт" можно указывать только ссылку на главную страницу вашего сайта/блога. Ссылки на прочие веб-ресурсы, или партнерские ссылки будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, адреса сайтов. Просьба указывать нормальное имя или ник.
  4. Короткие, бессмысленные кoммeнтapии типа "Спасибо!", "Интересная статья", будут удалены.
  5. Комментарии не по теме, спам, любая реклама в сообщениях будут удалятся.

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: