0

SOで同様の質問を見つけた後も、まだ問題があります。ここに私のCSSがあります:

        .title {
            position:absolute;
            bg-color:#FF0000;
            z-index:10;
            width:100%;
            height:100%;
            font-size:250%;
            color: #FCD116;
            text-shadow: 2px 2px 3px #555;
            filter: dropshadow(color=#555, offx=1, offy=1);
            zoom:1
        }

Google Chrome では、影は約 2 ピクセルだけオフセットされます。これはまさに私が欲しいものです。ただし、IE では、影は (私が望むものに比べて) 非常に遠くにあり、分厚いです。offx と offy を 1 に設定しました。なぜこれが機能しないのですか？私はこれまでこの方法を使用したことがありません。タイトルでSOの提案を見ているときに見つけました。

補足として

私が尋ねている間、IEで透明な画像を作成できるようにする方法を知っている人はいますか? 半透明の画像（ドロップ シャドウの付いたボタン）を入れようとしましたが、影が黒く暗くなり、品質が低下したように見えます。この質問にポイントを与えます (回答があれば) :)

4

2 に答える 2

2

主な問題-フィルター内で完全な6文字のHEX値（つまり＃555555）を使用する必要があります。

副次的な問題-個人的には、 DrewDillerのbelated_pngスクリプトが迅速で信頼性の高いソリューションであることがわかりました。スクリプトをドロップして、アルファ透明度が必要なものすべてにpng_bgクラスを適用します。

PS- http://jsfiddle.net/peXwY/

.title {
    position:absolute;
    bg-color:#FF0000;
    z-index:10;
    width:100%;
    height:100%;
    font-size:250%;
    color: #FCD116;
    text-shadow: 2px 2px 3px #555;
    Filter: DropShadow(Color=#555555, OffX=2, OffY=2, Positive=1);
    zoom:1
}
于 2011-05-10T18:56:54.223 に答える
1

補足として、ここにいくつかの良い情報があります... また、下部にある「スライト」のリファレンスを見てください: http://24ways.org/2007/supersleight-transparent-png-in-ie6

主な問題については、.title の z-index をいじることを検討してください。数か月前に IE で問題が発生したことを思い出しました。これは、IE がページ上で垂直方向のオブジェクトを並べ替える方法が原因でした。

于 2011-05-10T18:18:15.897 に答える