Как я могу контролировать уровень видимости div и сделать его видимым?

Question

Могу ли я контролировать видимость некоторых div на моем веб-сайте и сделать их прозрачными, используя только CSS? Во флэш-памяти это делается путем управления тем, что называется Alfa , поэтому мне интересно, существует ли такая вещь в CSS!

Издание 001

Могу ли я контролировать непрозрачность только фона div ? То есть текст в div не будет обработан?

Answer 1

Вы можете использовать непрозрачность в CSS

.transparent_class {
 opacity: 0.5;
}

Я думаю, что есть некоторые проблемы с непрозрачностью в Internet Explorer, поэтому вот пример, как изменить прозрачность в IE:

.opaque1 { // for all other browsers
 opacity: .5;
}

.opaque2 { // for IE5-7
 filter: alpha(opacity=50);
}

.opaque3 { // for IE8
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

НТН

Answer 2

Другой способ сделать прозрачным только фон - использовать прозрачный png в качестве background-image, а затем использовать это исправление jQuery для специального IE снежинки. Насколько я знаю, это работает во всех браузерах.

Answer 3

http://www.quirksmode.org/css/opacity.html

.opaque1 {  // for all other browsers
    opacity: .5;
}

.opaque2 {  // for IE5-7
    filter: alpha(opacity=50);
}

.opaque3 {  // for IE8
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

Answer 4

Вот хорошая ссылка, рассказывающая о меню навигации CSS, надеюсь, это будет полезно:

http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml