- 締切済み
画像のデザイン
初めて質問させてもらいます。 どうぞ宜しくお願いします。 http://www.ikesai.com/cat/ec/index.html のwebサイトのサムネイル画像(いろいろなサイト)が多数並んでいると思うのですが、それらの画像のhover時に、選択された各画像だけが色が白っぽくなると思うのですが、これはどうやっているのですか? hoverした時に、画像を切り替えているのはわかるのですが、 この白っぽい画像は、フォトショップか何かで元の画像に対して、不透明度を下げたり、何か効果を使い白っぽくしていると思うのですが、 どのようにやっているのでしょうか? もし、よろしければ加工の仕方を具体的に教えてもらいたいです。 最近、このようなものをwebサイトでよく見かけるようになったので、私も導入してみたいと思い、質問させてもらいました。 宜しくお願いします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- grumpy_the_dwarf
- ベストアンサー率48% (1628/3337)
回答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が採用される可能性が大きいらしいですよ。
お礼
お答えしていただき、ありがとうございます。 んー、難しいですね。 私の使用しているcssは、たぶんcss2.0だと思います。 検索したのですが、cssのバージョンを調べる方法がわかりませんでした。 とゆう事は、css3.0でないと使用できないという事でしょうか? 勉強不足で申し訳ないですが、何卒お願いします。
補足
解決しました。 ありがとうございます。 今後とも宜しくお願いします。