用於IE 9及更高版本的iWebkit CSS

-1

據我所知，iWebkit主要用於與Chrome和Safari一起使用。現在，我在網站（用於桌面屏幕）中使用iwebkit，並且我希望它與Firefox和IE 9（及更早版本）兼容。用於IE 9及更高版本的iWebkit CSS

現在我發現了firefox的webkit樣式表，但IE瀏覽器無法獲得一個樣式表，而且由於IE CSS樣式與Chrome和Firefox不同，因此編輯Firefox的樣式表可能需要花費很多時間和精力另外，firefox webkit css文件中有一些IE不支持的樣式，比如border-image），所以並不是我只是懶惰。

所以我基本上想知道是否有這樣的IE樣式表，如果不是，爲IE定製每個firefox/chrome/safari css屬性和樣式可能是一個非常艱鉅的任務，因爲這些屬性不同IE和Firefox之間的很多，鉻/ Safari。

有關我應該怎麼做才能使IE6-10的iWebkit樣式表工作的任何建議？

這裏是鏈接到火狐iWebkit樣式表我在談論：http://svn.trynull.com/iwebkitmozilla/tags/

來源

2012-04-30 DextrousDave

什麼問題。背景!!!!! –

好了更新了我的問題，如果我更正了downvote的原因，請取消downvote。謝謝 – DextrousDave

如果您需要IE6 +支持，爲什麼您會首先選擇使用iWebKit？ – thirtydot

你可以去http://colorzilla.com/gradient-editor/，只需將iWebkit或Mozilla風格插入編輯器，它就會吐出與IE相同的東西。至於其他樣式，例如-webkit-border-image，您可以通過w3school搜索它們並查看是否存在相應的IE。（境圖像將是當量在這種情況下...）一個從 Mozilla的例子：

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

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdd5df', 
endColorstr='#6d84a2',GradientType=0); /* IE6-8 */

來源

2012-05-17 16:50:11

您發給我的鏈接非常有用，尤其是將這些線性漸變轉換爲IE。這是一個非常有用的網站。任何Web開發人員都應該將此作爲書籤...謝謝！ – DextrousDave

你也許可以使用瀏覽器內嵌框架。 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-17 03:21:18 evandentremont

謝謝你的回答，但我有safari，chrome和firefox部分。我去手動更改樣式表在IE中工作，花了我一段時間，但它的工作原理。所以它在IE中具有類似iOS的外觀。我正在開發一個移動網站，並且我想將移動外觀融入主網站......這就是爲什麼我想讓webkit風格與IE – DextrousDave

一起工作的原因Hi DextrousDave，你介意分享你所做的改變使IE和Firefox兼容？這將非常感激。 – kos

用於IE 9及更高版本的iWebkit CSS

回答

相關問題