問題描述

.srcImg{ position: absolute; background: url(/Users/ShareAnimation/Desktop/23456.png); background-repeat: no-repeat;/*設置及是否重復原圖，比如repeat-x表示在水平方向重復*/ width: 22px; height: 22px;/*根據定位的位置，然后選取一個width，height的矩形*/ left: 10px; top: 10px; cursor: pointer; /*光標類型，這里為小手*/outline: none; /*變寬樣式，none表示無邊框*/ z-index: 1000; /*元素堆疊順序*/ background-position: -27px -200px; /*定位圖像某一位置*/}<img class='srcImg'>

我的樣式代碼是這樣的，截取后的效果圖如下：

這個邊框我設置border:none，outline:none都沒有效果，這是為啥呢？

問題解答

我也遇到過著個問題的，你要把圖片設置的boder屬性也要初始化一下.還有補充一點，如果你圖片沒有插入，或者路徑出錯，它是會有那個邊框的，你設置boder:none也是毫無作用的（估計瀏覽器是為了占位吧），反正目前我所看到的圖片都有這樣一種情況，一些大網站的圖片加載錯誤的時候也是會有那個邊框的。你這里的圖片沒有src，用的是背景填圖的方式，瀏覽器默認為你的img沒有src，這上面的一個方可有效http://bbs.csdn.net/topics/39...給你的img標簽加上src,引入一個空白圖src='http://www.xcwljy.cn/images/pixel.gif'，然后就解決了

為什么不是這個圖里本身有一個border 呢

border: 0 !important;