-1

iWebkit は、私の知る限り、主に Chrome と Safari で動作するように作成されています。現在、Web サイト (デスクトップ画面用) で iwebkit を使用しており、Firefox と IE 9 (およびそれ以前) の両方と互換性を持たせたいと考えています。

Firefox 用の Webkit スタイルシートを見つけましたが、IE 用のスタイルシートを入手できません。また、IE の CSS スタイリングは chrome や firefox とは大きく異なるため、IE 用の firefox スタイルシートの編集には多くの時間と労力がかかる可能性があります (また、そこにはIE でサポートされていない Firefox Webkit css ファイルのスタイル (border-image など) があるため、単に怠け者というわけではありません。

基本的に、IE にそのようなスタイルシートがあるかどうかを知りたいのですが、そうでない場合、IE の firefox/chrome/safari css プロパティとスタイルのそれぞれをカスタマイズすることは、非常に骨の折れる作業になる可能性があります。これらのプロパティは IE 間で大きく異なるためです。およびFirefox、Chrome / Safari。

この 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フレームを使用できます。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 に答える