35

Channel Advisor で eBay ストアのテンプレートをデザインしていますが、javascript/jQuery. また、さまざまなバージョンCSS3で動作しません。特に実装が壊れています。IEimg[src=]

次のような img でテンプレート タグを使用する場合:

<img src="{{THUMB(ITEMIMAGEURL1)}}"/>

ここで、{{THUMB(ITEMIMAGEURL1)}} は画像のパスです。画像が見つからず、テンプレートが eBay に投稿された場​​合、最終結果は次のようになります。

<img src=""/>

これは壊れた画像を示しています。

<img src=""/>IE7+ で動作する HTML または CSS で非表示にする方法はありますか

4

2 に答える 2

92

[attr=val]セレクターが使える

img[src=""] {
   display: none;
}

src属性に値がない場合、上記のセレクターは単純に一致します。このセレクターは一般的なものでありimg、ドキュメント内のすべてのタグを空に一致させsrcます。特定のものをターゲットにしたい場合は、次のようなより具体的なセレクターを使用するよりも

.class_name img[src=""] {
    display: none;
}

Demo

Demo(上記のセレクターがない場合、赤い線が見えますか?)

imgまたは、タグが占めるスペースを確保したい場合は、スペースを確保する場所でレイアウトを台無しにするvisibility: hidden;代わりにdisplay: none;asを使用することをお勧めします。display: none;visibility: hidden;img

との違いをdisplay: none;見るvisibility: hidden;

Demo( visibility: hidden;, 予約スペース)

Demo 2( display: none;、スペースを予約しません)

注: 上記のセレクターはいずれimgも DOM からタグを削除しません。フロントエンドから非表示にするだけです。

于 2013-09-19T05:22:45.567 に答える
10

[attr=value]セレクターは CSS2 です。問題ありません。

img[src=""] {
  display:none;
}
于 2013-09-19T05:22:58.177 に答える