修正Chrome 和IE9 中的映像邊框問題
此執行緒解決了Chrome 和Internet Explorer 9 中影像周圍出現明顯邊框的問題儘管嘗試使用CSS 和jQuery 刪除它。
提供的 CSS 程式碼:
停用輪廓和邊框,同時將 border=0 屬性新增至所有圖片標籤。然而,邊框仍然存在。
此問題的根本原因是 Chrome 中的錯誤,該錯誤忽略了邊框:none;風格。作為解決方法,我們需要欺騙 Chrome 相信沒有內容可顯示。這是使用 CSS ID 區塊的解決方案:
這將圖片的大小設為零,但包括實際圖片尺寸的填充。 Chrome 被有效地欺騙,認為沒有圖像,同時為按鈕的背景圖像留有空間。此解決方案消除了 Chrome 和其他瀏覽器中不需要的輪廓和邊框。
以上是儘管使用了 CSS 和 jQuery,為什麼我的圖片在 Chrome 和 IE9 中仍然有邊框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!