首頁  >  文章  >  web前端  >  儘管使用了 CSS 和 jQuery,為什麼我的圖片在 Chrome 和 IE9 中仍然有邊框?

儘管使用了 CSS 和 jQuery,為什麼我的圖片在 Chrome 和 IE9 中仍然有邊框?

DDD
DDD原創
2024-11-02 20:13:02401瀏覽

Why Does My Image Still Have a Border in Chrome and IE9 Despite Using CSS and jQuery?

修正Chrome 和IE9 中的映像邊框問題

此執行緒解決了Chrome 和Internet Explorer 9 中影像周圍出現明顯邊框的問題儘管嘗試使用CSS 和jQuery 刪除它。

提供的 CSS 程式碼:

停用輪廓和邊框,同時將 border=0 屬性新增至所有圖片標籤。然而,邊框仍然存在。

此問題的根本原因是 Chrome 中的錯誤,該錯誤忽略了邊框:none;風格。作為解決方法,我們需要欺騙 Chrome 相信沒有內容可顯示。這是使用 CSS ID 區塊的解決方案:

這將圖片的大小設為零,但包括實際圖片尺寸的填充。 Chrome 被有效地欺騙,認為沒有圖像,同時為按鈕的背景圖像留有空間。此解決方案消除了 Chrome 和其他瀏覽器中不需要的輪廓和邊框。

以上是儘管使用了 CSS 和 jQuery,為什麼我的圖片在 Chrome 和 IE9 中仍然有邊框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn