Hatena::Groupweb

vantguarde

 | 

3.10

css3-colorな画像置換

| 22:17

こんなこともできますね。

element {
  background-image: ...;
  background-repeat: no-repeat;
  width: ...;
  height: ...;
  color: transparent;
}

CSS3ではcolorにもtransparentが使える*1ので、透過させちゃえばいいじゃん!っていう。

選択したら見えるってのが気に入らない人は、CSS3には入りませんがそれなりに実装されている::selectionを使うといいです。

element::selection {
  color: transparent;
}

まあ、CSS3を持ち出すなら真っ当にcontentでやれって話ではありますが。

cssオン・画像オフだと何も見えないね*ってのはその通りですね。なんにせよworkaroundなので、対象とする環境によってやり方を変えないといけないのは他のと変わらないです。

 | 
Contact: @vant / lepetitcroissant@gmail.com.