可以給img元素設置背景圖
更新時間:2009年04月06日 01:07:06 作者:
驚嘆于老外的發(fā)現(xiàn) 《CSS Background image on html image element?》,自己從沒關注過,也沒想過如此的問題。
實現(xiàn)方法很簡單:設置 img 元素為塊元素(display:block;),并賦一個 padding 值。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復制代碼 代碼如下:
img {
display:block; b
ackground:url('parallax.gif') no-repeat bottom left;
padding:93px 100px 75px 100px;}
根據(jù)上面的原理,舉一反三,通過類似的方法,我們還可以給 img 元素設置雙邊:
復制代碼 代碼如下:
img {
display:block;
padding:1px;
background:red;
border:1px solid black;
}
相關文章
ie6,ie7,ie8完美支持position:fixed的終極解決方案
ie6對position:fixed不支持,網(wǎng)上有很多解決方法,有的在ie6,ie7上調(diào)試成功后,在ie8上又不好使,div層還是跟隨滾動條浮 動;以下總結方法,在ie6,ie7,ie8上都調(diào)試成功,且頁面滾動條滾動時,效果還挺好,div層并不會閃爍。2014-05-05