2

  1. 単純な css では不可能なjquery (jquery と同じようにクロス ブラウザ互換) で非常に密な太いテキスト シャドウを作成する方法/デモを探しています。 IE サポートあり

    ただし、複数の影がそれを少し覆っています。しかし、問題は古いブラウザの互換性の問題だと思います。そしてjQueryがそれをカバーしています。それがjQueryの方法が必要な理由です。

  2. 単純な背景の透過性は css で簡単かつシンプルですが、背景色も透明でぼやけた効果で作成して、一番後ろの画像 (またはその他のもの) がはっきりと見えないようにします。

重要：

ブラウザー間の互換性と一部の古いブラウザーのサポートが必要なので、css よりも jQuery を選択したのはそのためです。

Windows 7のタイトルバーと同じでしょうか？

過去に上記の両方を見ましたが、残念ながらどこにあったか思い出せません。

誰かが方法またはデモを知っていれば、私は感謝します。

注: CSS ベースの背景やテキストの影は必要ありません。私が欲しいものに少し近いことがわかったサンプルテキストの影。私が望んでいたものの、その最小密度。

ここに画像の説明を入力

ここに画像の説明を入力

ここに画像の説明を入力

ここに画像の説明を入力

4

3 に答える 3

1

これは、スタック シャドウを使用した CSS のクロスブラウザー実装です。

.blur { 
    color: black;

    /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */
    text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);

   /* The webkit implementations to support more SOME older browsers */
   -moz-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
   -webkit-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
   -khtml-text-shadow: 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1);
}

テキストシャドウにカンマ区切りのリストを使用して、必要なものを実現できます。

DIVのぼやけについて

素晴らしいものを見つけました！

http://www.blurjs.com/

それでもうまくいかない場合は、スタック オーバーフローの回答をご覧ください。

div の背景をぼかす

この方法は HTML5 を使用しており、残念ながら超古いブラウザとは互換性がありません。基本的に、div は背景を認識し、その背景のぼやけたバージョンを上に重ねる必要があります。

于 2013-07-26T13:59:25.080 に答える
0

実際、これは単純な CSS3 を使用して簡単に行うことができます。影を重ねてより強くするだけです。どこかでより良い解決策になるかもしれませんが、これはうまく機能し、簡単に実行できます。また、Less/Stylus を使用すると、テキストの影の強さをさらに適切に制御する関数を作成できます。

.blur { color: black; text-shadow: 0 0 5pt black, 0 0 10pt black, 0 0 15pt black; }

ぼやけた背景に関しては、別の答えがすでにそれを解決していることがわかります:)

于 2013-07-25T22:57:37.077 に答える