Channel Advisor で eBay ストアのテンプレートをデザインしていますが、javascript/jQuery. また、さまざまなバージョンCSS3で動作しません。特に実装が壊れています。IEimg[src=]
次のような img でテンプレート タグを使用する場合:
<img src="{{THUMB(ITEMIMAGEURL1)}}"/>
ここで、{{THUMB(ITEMIMAGEURL1)}} は画像のパスです。画像が見つからず、テンプレートが eBay に投稿された場合、最終結果は次のようになります。
<img src=""/>
これは壊れた画像を示しています。
<img src=""/>IE7+ で動作する HTML または CSS で非表示にする方法はありますか
[attr=val]セレクターが使える
img[src=""] {
display: none;
}
src属性に値がない場合、上記のセレクターは単純に一致します。このセレクターは一般的なものでありimg、ドキュメント内のすべてのタグを空に一致させsrcます。特定のものをターゲットにしたい場合は、次のようなより具体的なセレクターを使用するよりも
.class_name img[src=""] {
display: none;
}
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 からタグを削除しません。フロントエンドから非表示にするだけです。
[attr=value]セレクターは CSS2 です。問題ありません。
img[src=""] {
display:none;
}