Why Isn't My CSS Opacity Working in Internet Explorer 8?

.slidedownTrigger<br>{</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;

}

Repeated attempts to employ a single browser-specific style, such as:

-ms-filter: "alpha(opacity=75)";<br>

have also proved unsuccessful.

Despite exploring numerous alternatives, including varying element types, CSS order permutations, and standalone IE-centric approaches, the opacity modification in IE8 remains elusive.

A Viable Solution

To resolve this issue, meticulously implement the following CSS settings:

-moz-opacity: 0.70;<br>opacity:.70;<br>filter: alpha(opacity=70);<br>

These settings have consistently proven effective in enabling opacity adjustments in IE8.

The above is the detailed content of Why Isn't My CSS Opacity Working in Internet Explorer 8?. For more information, please follow other related articles on the PHP Chinese website!