すべてのPNG画像を選択

どのようにCSSスタイルを適用することができますPNGの画像ですか？すべてのPNG画像を選択

.pngImages {opacity:0.75} 
.pngImages:hover {opacity:1}

私は繰り返しPNGファイルが含まれている多くのページがあります。

div {background-color:#ddd}

出典

2013-08-07 user2586454

すべての画像がpngであるか、または一部がgif、jpgなどですか？ – Nitesh

クラス属性を追加したくない理由はありますか？ – Gevious

いいクリエイティブな質問+1。しかし、特定のCSSソリューションがあるとは思っていません。 - @ user2586454 – Nitesh

あなたは属性セレクタ

img[src$=".png"]

を使用することができます。このようなもの... class="pngImage"のimgを指定せずにそれらのすべてに

をこのクラスを適用することができますが、ただPNG画像のためにどのように

これはすべてのpng画像を選択します

出典

2013-08-07 06:08:08

リファレンス：http://www.w3.org/TR/css3-selectors/参照： 'E [foo $ =" bar "]' –

問題がある場合にのみ、可能な問題は ''動的出力にルーティングするか、またはキャッシュ無効化のためにクエリ文字列を使用しているか、 'PNG'や' Png'のような大文字と小文字が混在している（おそらくもっと例外があります）。 'src'が正確に' .png'で終わるすべての画像を選択すると言うのが正しいです。 –

<img>タグだけを扱う必要があり、背景画像も処理しないと仮定すると、

img[src$='.png'] { 
    background-color: #ddd; 
}

これは基本的にあなたがそれを行うために[attribute$='value']セレクタを使用することができます.png

出典

2013-08-07 06:09:25 godfrzero

で終わるsrc属性値を持つ画像タグを選択：

img[src$=".png"] { opacity:0.75; } 
img[src$=".png"]:hover { opacity:1; }

出典

2013-08-07 06:09:58 sharcashmo

私はあなたのことができるようにすべきだと思います属性セレクタ1を使用してこれを実行します。

img[src$=".png"]{border:2px solid #8c0000;}

インターネットエクスプローラでこれをテストして、確認する必要があります。

出典

2013-08-07 06:11:10 acwo3

答えて

関連する問題