众所周知，所有的浏览器都有一些关于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, 网页设计 | 1 Comment

2008年8月28号，微软发布了IE8 beta2，相比三月份主要面向开发人员的Beta 1增加了大量新功能，涉及易用性、安全性、兼容性、管理性等各个方面，以及一些独特的工具。

先来介绍一下对于最终用户的新功能吧，也许是我们对ie一直以来的低要求导致了这次发布的新功能真的有点让我震了一下，真的很棒。
网站切片(Web Slices)：开发人员可以将网页的一部分标记为网站切片，让用户随时很方便地监视相关信息，点击收藏夹栏即可看到丰富的网站切片内容，开发人员也可籍此和用户建立紧密联系。

非常酷的新功能，我不知道firefox下是否已经有类似的插件了，我的生活浏览器一直是遨游，firefox只是用来工作，也许孤陋寡闻了，但是这个功能真的让我觉得会让网站开发有了新的触角。对于很多内容性的，比方说ebay或者淘宝这样的网络销售，甚至于起点这样的在线阅读网站，这种内容的预览和随时更新，远比RSS阅读器来的自然。
————————————————-
增强的搜索框：搜索框会在用户在键入关键词的时候实时提供搜索建议，包括图片，另外搜索框现在还会提供来自用户收藏夹和浏览历史的搜索结果。

有点类似划词搜索那样，我相信随着未来网络硬件基础的不断提升，这种无孔不入的网络内容聚合将掀起又一轮网络变革。
==========================================================
其实本意是去看看ie8对于网页设计师来说有什么新的变化的，没想到几个新功能真的是让我忍不住把赞美之词给了它们。言归正传，让我看看ie8在工作上会不会给我们一些震撼。
早在今年3月份，ie8 beta1就给开发者带了不小的期待，比如这个极像Firebug的内置调试器（上帝是派你来拯救我们的吗？）。

这样的界面恐怕不用多说什么，大家肯定看了之后有种终于盼到了的感觉。这个产品的到来将终结Firefox在设计师和开发人员中无可替代的局面。
具体有哪些改动让我们来看一下，因为内容较多，这里仅列出提纲（翻译自微软网站 http://www.microsoft.com/windows/internet-explorer/beta/readiness/developers.aspx）
注：目前下列链接仍为微软网站，等我再过一下翻译更换链接
Developer Checklist:
兼容性:

使用IE8来浏览您的网站。
如果您的网页和原来在IE7中的表现不同，您可以启用兼容模式。 更多内容，参考此处 [兼容性Compatibility] 。
如果开启兼容模式后，您的网站和在IE7下的表现和行为都完全一致的话，那您可以将IE7 meta tag加到您的网页上去。Emulate IE7 meta tag.
另外，您可以使用各种方法来校验用户的浏览器工作模式 Versioning and Internet Explorer Modes.
如果您的网页仍然存在问题，那请使用这些测试工具帮助您找到问题 testing tools.

Ajax开发:

阅读更好的Ajax开发 Better AJAX Development.
阅读原生JSON支持，这也是我坚信将取代xml的传输协议 Native JSON Support.

顺手转一位大大3月份的汇总小结
IE8 (下文中的 IE8 暂时仅代表IE8 beta1) 中增加了 CSS3 中的子串匹配的属性选择器（substring matching attribute selectors），具体规则与正则中的匹配很相似：
E[att^=’val’] //子串以’val’ 开始
E[att$=’val’] //子串以’val’ 结束
E[att*=’val’] //子串中包含’val’
IE8 支持绝大多数基本的 CSS2.1 选择器：
:before and :after 被支持，只支持文本，不支持图片，但还存在bug 。
:focus 被支持。
display: inline-block 被支持（只能用于内联元素）。
display: table 被支持。
list-style 完全被支持，包括值 upper-greek （此值其他浏览器均未支持）。
outline 被支持。
border-collapse, border-spacing 和 […]

Filed under: 绾青丝 - WebDesign, 麻衣观 - 新鲜世界, ie8, webdesign, 网页设计 | Post a comment