」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何刪除 Chrome 和 IE9 中的持久圖像邊框?

如何刪除 Chrome 和 IE9 中的持久圖像邊框?

發佈於2024-11-09
瀏覽:881

How to Remove Persistent Image Borders in Chrome and IE9?

在Chrome/IE9 中刪除難以捉摸的圖像邊框

在Chrome 或IE9 中顯示圖像時,儘管進行了設置,您仍可能會遇到持續的細邊框CSS 中的“outline: none”和“border: none”。此問題的出現​​是由於 Chrome 的一種特殊行為覆蓋了「border: none」。

為了解決這個問題,您可以採用一種巧妙的技術,將圖像寬度和高度設置為 0px,同時用相應的像素值填充它。到所需的按鈕尺寸。考慮以下 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;
}

透過欺騙 Chrome 相信在這些尺寸上沒有可見內容,您可以有效地消除邊框。這項技術確保了各種瀏覽器之間的兼容性,並允許您在 Chrome 中顯示沒有難看邊框的圖像。

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3