众所周知,所有的浏览器都有一些关于CSS功能的额外扩展,例如(-ms-interpolation-mode),这些通常来自于那些未在CSS标准中明确完整的定义的特性和功能或者是在标准中已经完整定义但浏览器只是部分支持。CSS2.1标准中规定,以上这些不完全合乎标准的特性都必须使用一个供应商前缀(Vendor Prefix ‘-ms-’ for Microsoft, ‘-moz-’ for Mozilla, ‘-o-’ for Opera)。
下面介绍一下IE8下的这些额外扩展,当然我们的目的不是把那些IE Only的特性带入下一代的页面中,而是能够在浏览器支持的前提下,运用一些属于CSS3的特性,丰富一下创作思路。
Property
Type
W3C Status
-ms-accelerator
Extension
-ms-background-position-x
CSS3
Working Draft
-ms-background-position-y
CSS3
Working Draft
-ms-behavior
Extension
-ms-block-progression
CSS3
Editor’s Draft
-ms-filter
Extension
-ms-ime-mode
Extension
-ms-layout-grid
CSS3
Editor’s Draft
-ms-layout-grid-char
CSS3
Editor’s Draft
-ms-layout-grid-line
CSS3
Editor’s Draft
-ms-layout-grid-mode
CSS3
Editor’s Draft
-ms-layout-grid-type
CSS3
Editor’s Draft
-ms-line-break
CSS3
Working Draft
-ms-line-grid-mode
CSS3
Editor’s Draft
-ms-interpolation-mode
Extension
-ms-overflow-x
CSS3
Working Draft
-ms-overflow-y
CSS3
Working Draft
-ms-scrollbar-3dlight-color
Extension
-ms-scrollbar-arrow-color
Extension
-ms-scrollbar-base-color
Extension
-ms-scrollbar-darkshadow-color
Extension
-ms-scrollbar-face-color
Extension
-ms-scrollbar-highlight-color
Extension
-ms-scrollbar-shadow-color
Extension
-ms-scrollbar-track-color
Extension
-ms-text-align-last
CSS3
Working Draft
-ms-text-autospace
CSS3
Working Draft
-ms-text-justify
CSS3
Working Draft
-ms-text-kashida-space
CSS3
Working Draft
-ms-text-overflow
CSS3
Working Draft
-ms-text-underline-position
Extension
-ms-word-break
CSS3
Working Draft
-ms-word-wrap
CSS3
Working Draft
-ms-writing-mode
CSS3
Editor’s Draft
-ms-zoom
Extension
在IE7中,没有使用这样的前缀,所以如果用户在IE8中选择兼容模式的话,这些带有前缀的属性将不被识别。不过在IE8模式中,为了向下兼容,将接受带前缀和不带前缀两种格式。
有一个要注意的地方:
#transparentDiv {
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: .5;
}
原来的filter格式在标准中是不合法的,所以为了能够在ie7和ie8中都能达到该效果,请参考上述写法。(向下兼容真是沉重的包袱啊)
原文地址: http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
Filed under: 光明神 - 译林, 绾青丝 - WebDesign, css3, ie8, 网页设计 |