It was expected that Internet Explorer 8 will support the standard “opacity” property of CSS, but it seems that its developers have decided not drop the support for filters yet, which is not that bad, though, as it still lacks support for <canvas> scripting.
However, there is a great difference between the filter support in IE8 and its previous versions. The CSS filters support in Internet Explorer 5.5 – 7.0 is added as follows:
element
{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
or
element
{
filter: alpha(opacity=80);
}
In Internet Explorer 8, the approach is already (finally!) vendor-specific (a lá -moz- for FireFox, -webkit- for Safari and -o- for Opera) and the value is a string in quotes:
element
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
The entire article on the new Microsoft vendor extensions can be found on the official Internet Explorer blog.
More Cool Stuff
- Ribbonbar Web UI Component
- Acid.JS Web.UI Library
- CSS3 Treeview. No JavaScript.
- Selecting only the first element occurence out of siblings with the same class name with CSS3
- How to Style Select Boxes with CSS3
- CSS3 Element Reflections
- CSS3 iPhone Toggle Buttons
- CSS3 Gaussian Blur Effect
- Fancy CSS3 Tooltips Without JavaScript
- CSS3 Background Image Cropping
[...] Melhor Imagem Escala e reamostragem no Internet Explorer 02. Definir Opacidade e outros filtros no Internet Explorer 8 03. Os 32 arquivos CSS externos Limitação do Internet Explorer e mais 04. Unobtrusive CSS [...]
[...] Martin Ivanov: Setting Opacity and Other Filters in Internet Explorer 8 [...]
[...] da wir gerade bei meinem neuen Lieblingsbrowser IE 8 sind: Die Opacity erreicht man mit den ab Version 8 eingeführten Microsoft Vendor Extensions. Damit zerschlägt sich die Hoffnung auf ein baldiges [...]
[...] thought it would be as simple as setting it differently as this article suggests, however, even using the correct IE8 -ms-filter extension causes the sub-menu to hide under the [...]