2016-06-21 4 views
0

私は、サーバによって書き込まれたCSSスタイルルールの実際のボックスシャドー要素値を見つける必要があります。具体的には、要素に可視の影があるかどうかを知る必要があります。 これは、シャドールールが「なし」ではないが、rgba値が0の不透明度を有するか、またはぼかしが0であり、スプレッドが負であるために表示されない場合があることを意味する。実際のボックスシャドー値を調べる最良の方法は何ですか?

ここで

var text_shadow = $('div').css('text-shadow').match(/(-?\d+px)|(rgb\(.+\))|(rgba\(.+\))/g); 


working JSFiddle with what you needです:両方 .css().match()方法を使用して

+0

jQuery: '$(要素).css( 'ボックスシャドウ'); ' –

+0

でこれでは不十分です。すべての異なるエッジケースで、ボックスシャドーが表示/表示されるかどうかを判断する必要があります。ボックスのシャドウプロパティがあるという事実は、例えば不透明度が0の場合は何も意味しません。 –

+0

ボックスシャドウのプロパティで文字列を返します。それを解析して、それがあなたのルールに従って見えるかどうかを調べることができます。私はボックスシャドウの可視性を判断する別の方法があるとは思わない –

答えて

0

あなたは簡単に要素のtext-shadow値を得ることができます。 rgbaでのアルファ値が0に設定されている場合は、任意の色(undefined)を入れていないかのように、ブラウザはそれを見て

、負の長さを使用すると、構文エラーになりますが、いくつかの特性のために、負の長さが許可されています。

関連する問題