Непрозрачный CSS, который работает для всех браузеров? Может ли кто-нибудь рекомендовать самый безопасный подход для предоставления значения OPACITY VIVUE DIV TAG с помощью CSS? Эрик Ответ 1 Прямо от Css-Tricks.com (это охватывает все, о чем я могу думать): .transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } Ответ 2 Это будет работать в каждом браузере. div { -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); opacity:.50; } Или вы можете использовать jQuery и сделать это в одной строке $('div').css({opacity:0.5}); Проверьте рабочий пример http://jsfiddle.net/397jv/ Ответ 3 Хотя CSS 3 представляет новую функцию прозрачности для прозрачности, он поддерживает не все браузеры. Это CSS трюк для прозрачности во всех браузерах .transparent_class { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
Ответ 1 Прямо от Css-Tricks.com (это охватывает все, о чем я могу думать): .transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }
Ответ 2 Это будет работать в каждом браузере. div { -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); opacity:.50; } Или вы можете использовать jQuery и сделать это в одной строке $('div').css({opacity:0.5}); Проверьте рабочий пример http://jsfiddle.net/397jv/
Ответ 3 Хотя CSS 3 представляет новую функцию прозрачности для прозрачности, он поддерживает не все браузеры. Это CSS трюк для прозрачности во всех браузерах .transparent_class { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }