0

あなたの提案が必要です。

電子書籍のウェブショップの場合、テキストの一部と「疑似」ぼかしテキストの一部を表示する必要があります。これは、私が行ったさまざまなテストのリンクの例です: http://dokumente-online.com/test-blur.html

これは効果としてのみ使用する必要があるため、背後のテキストは実際のテキストの構造 (フォント サイズ、章) を持つ必要がありますが、実際には "lorem ipsum" などにすぎません。「他にもあります。こんな感じです」とお客様に伝えるだけです。

最初のアイデアは、ぼやけた画像でした。短所: 常に同じ図であり、テキストの書式が大きく異なると誤解を招く可能性があります。

CSS3 を使用すると、ほとんどの最新のブラウザーでうまく機能するこのぼかし効果を使用できます。

`color: rgba(94,94,94,0);
  text-shadow: 0 0 11px rgba(50,50,50, .7);`

これまでのところ、chrome、firefox、safari、opera で動作します。

しかし、いつも神経質なInternet Explorerで何ができるでしょうか。 text-shadow はサポートされていません。IE10 でもRGBa()はサポートされていません。

現時点では、browsershot.org でテストしていますが、混乱しています : http://browsershots.org/http://dokumente-online.com/test-blur.html動作しますが、IE10 では RGBa (最初のバージョン) でも正常に動作するはずです。しかし、私の Windows 7 システムでは動作しません (Windows 8 では動作するのでしょうか??)。filter:blur が IE8 および IE9 内で機能する可能性があることを確認しました (ただし、IE10 バージョンでのみテストできます)。

同様の問題を抱えたことがありますか？完全に異なるソリューションで？

JavaScriptがなくても動作する必要があるため、jqueryプラグインを使用する場合は、前に回避策が必要です(JavaScriptが最初に黒に設定する白いテキストカラー)

4

1 に答える 1

0

use filter フィルターは、色、方向、強度の 3 つの引数を取ります。2px X および 2px Y オフセットを概算するために、方向は角度として取得され、135 度の方向 (135 度は 90 度に 45 度を加えたもの) であり、強度 2 が選択されます。

  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);
于 2013-05-22T09:45:57.300 に答える