Image replacement by css 用純CSS方法換掉 圖片

original: http://www.audenaerde.org/csstricks.html#

CSS:
img.imgClick{  
    height: 0;
    width: 0;
    padding: 17.5px;
    background: url("camera_35x35_MD.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

HTML:

<img class="imgClick" src="camera_35x35.png">

CSS Tips:

1. use CSS height & width hide the html img

2. padding make the background space

3. css background attribute is appear

小天燈DIY

小天燈DIY-材料
1. 文化線一條 ( 約50cm )
2. 小鈴鐺 x 1
3. 兩顆珠珠
4. 天燈紙型
5. 祝福小紙片

工具
1. 剪刀
2. 雙面膠
3. 迴紋針(穿線小幫手)
4. 打洞機

小天燈紙型:  按此處下載

轉載請標明出處<Frontend 無底洞-http://phoenote.blogspot.tw/2014/01/diy.html>