-1

据我所知，iWebkit 主要是为与 Chrome 和 Safari 一起工作而编写的。现在我在一个网站（用于桌面屏幕）中使用 iwebkit，我希望它与 Firefox 和 IE 9（及更早版本）兼容。

现在我找到了 Firefox 的 webkit 样式表，但我找不到 IE 的样式表，而且由于 IE CSS 样式与 chrome 和 firefox 有很大不同，编辑 IE 的 Firefox 样式表可能只需要花费大量时间和精力（而且，还有是firefox webkit css文件中有一些IE不支持的样式，比如border-image），所以也不是我偷懒。

所以我基本上想知道 IE 是否有这样的样式表，如果没有，为 IE 自定义每个 firefox/chrome/safari css 属性和样式可能是一项非常艰巨的任务，因为这些属性在 IE 之间差异很大和火狐，铬/野生动物园。

关于我应该怎么做才能让这个 iWebkit 样式表在 IE6-10 上工作的任何建议？

这是我正在谈论的 Firefox iWebkit 样式表的链接：http: //svn.trynull.com/iwebkitmozilla/tags/

4

2 回答 2

1

您可以访问http://colorzilla.com/gradient-editor/，只需将 iWebkit 或 Mozilla 样式插入编辑器，它就会输出 IE 等价物。至于其他样式，例如 -webkit-border-image，你可以只用 w3school 搜索它们，看看是否存在 IE 等价物。（在这种情况下，border-image 将是等效的......）来自 Mozilla 的一个例子：

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd5df), color-stop
(0%,#6d84a2), color-stop(99%,#6d84a2));

IE

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd5df',   
endColorstr='#6d84a2',GradientType=0 ); /* IE6-8 */
于 2012-05-17T16:50:11.280 回答
0

您可能会使用 Chrome Frame。https://developers.google.com/chrome/chrome-frame/

除此之外，iWebKit 适用于 chrome 和 safari，因为它们是基于 WebKit的浏览器。（因此得名）CSS 使用了很多供应商特定的前缀。

像这样的事情：

#leftnav a
{
    -webkit-border-image:url("../images/navlinkleft.png") 0 5px 0 13px;
    z-index:3;
    margin-left:-4px;
    padding-right:4px;
    -webkit-border-top-left-radius:16px;
    -webkit-border-bottom-left-radius:16px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    float:left;
    border-width:0 5px 0 13px;
}

永远不会在 IE 上本地运行。您可以大幅重写代码（甚至不仅仅是 css，同样，浏览器特定功能），但您为什么要从 IE 中的 iOS 界面开始呢？

于 2012-05-17T03:21:18.687 回答