在Chrome/IE9 中刪除難以捉摸的圖像邊框
在Chrome 或IE9 中顯示圖像時，儘管設置，您可能會遇到持續的細邊框CSS 中的「outline: none」和「border: none」。此問題的出現是由於 Chrome 的一種特殊行為覆蓋了「border: none」。
為了解決這個問題，您可以採用一種巧妙的技術，將圖像寬度和高度設為 0px，同時用相應的像素值填充它。到所需的按鈕尺寸。考慮以下 CSS 範例：
<code class="css">#dlbutn {
display: block;
width: 0px;
height: 0px;
outline: none;
padding: 43px 51px 43px 51px;
margin: 0 auto 5px auto;
background-image: url(/images/download-button-102x86.png);
background-repeat: no-repeat;
}</code>透過欺騙 Chrome 相信在這些尺寸上沒有可見內容，您可以有效地消除邊框。這項技術確保了各種瀏覽器之間的兼容性，並允許您在 Chrome 中顯示沒有難看邊框的圖像。
以上是如何刪除 Chrome 和 IE9 中的持久圖像邊框？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
