• 締切済み

画像のデザイン

初めて質問させてもらいます。 どうぞ宜しくお願いします。 http://www.ikesai.com/cat/ec/index.html のwebサイトのサムネイル画像(いろいろなサイト)が多数並んでいると思うのですが、それらの画像のhover時に、選択された各画像だけが色が白っぽくなると思うのですが、これはどうやっているのですか? hoverした時に、画像を切り替えているのはわかるのですが、 この白っぽい画像は、フォトショップか何かで元の画像に対して、不透明度を下げたり、何か効果を使い白っぽくしていると思うのですが、 どのようにやっているのでしょうか? もし、よろしければ加工の仕方を具体的に教えてもらいたいです。 最近、このようなものをwebサイトでよく見かけるようになったので、私も導入してみたいと思い、質問させてもらいました。 宜しくお願いします。

みんなの回答

回答No.1

base2.css に、 ul.siteThumb li a:hover img { filter:alpha(opacity=60); opacity:0.6; } が指定されています。filterうんぬんが古代のIE用で、その他のブ ラウザがopacityだったかな。とりあえずCSS2.1にはない属性で、 CSS3.0ではopacityが採用される可能性が大きいらしいですよ。

smiab
質問者

お礼

お答えしていただき、ありがとうございます。 んー、難しいですね。 私の使用しているcssは、たぶんcss2.0だと思います。 検索したのですが、cssのバージョンを調べる方法がわかりませんでした。 とゆう事は、css3.0でないと使用できないという事でしょうか? 勉強不足で申し訳ないですが、何卒お願いします。

smiab
質問者

補足

解決しました。 ありがとうございます。 今後とも宜しくお願いします。

関連するQ&A

専門家に質問してみよう