2

良い習慣ではありませんが、Palm webOS を対象とする CSS ハックを探しています。

問題は、Safari 3+ が素晴らしいことです。テキストのグラデーション背景アニメーションなどを実行できるのは Safari だけです。

現在、私は使用@media screen and (-webkit-min-device-pixel-ratio:0) {}していますが、Opera や Firefox などではなく、魅力的に機能します。なぜなら、Safari で行うように画像に背景を設定すると、それらがすべて台無しになるからです。

しかし、Palm のブラウザは Webkit に基づいており、内部のルールを使用します。Palm のブラウザはテキストの背景をサポートしていないため、画像が動くだけでテキストは表示されません。

私は CSS ハックを好むが、必要に応じて Javascript で十分だろう。

4

1 に答える 1

0

私がこれまでに見つけた最も簡単なターゲットブラウザの方法は、CSSブラウザセレクタプラグインです。CSSファイルが1つあり、次のようなセレクターを使用してブラウザーをターゲットにするように指示します。

.ie .myelement div 
{ 
border: 1px #ccc solid; 
}

.webkit .myelement div
{
border: 1px #f0f dashed;
}

私にとっては素晴らしい作品です！

それがあなたを助けることを願っています。

于 2010-06-17T07:36:55.107 に答える