网页设计的挑战之一是确保在不同浏览器上保持一致的视觉呈现。但是，可能会出现某些问题，例如 Chrome 和 IE9 中图像周围会出现不需要的边框。
要消除此边框，您可能尝试使用 CSS 属性，例如 border: none 和 border: none，但无济于事。这是因为 Chrome 有一个已知的错误，会忽略边框：none style。
解决此问题的关键是欺骗 Chrome 将图像视为没有尺寸。创建一个宽度和高度为 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 和 IE9 中不需要的图像边框？的详细内容。更多信息请关注PHP中文网其他相关文章！
