为什么图像在 Chrome 和 IE9 中仍然有边框，即使有'border: none;”？

Chrome 和 IE9 边框抑制技术

删除 Chrome 和 IE9 中图像周围持续存在的难看边框可能是一项令人沮丧的任务。尽管将边框属性设置为“无”，这些浏览器仍然顽固地保持细线。

潜在原因和解决方案：

• Chrome Bug： Chrome 会忽略“border:none;”风格，特别是对于具有特定尺寸的图像。为了避免这种情况，请通过分配零宽度和高度，再加上精确的填充值来适应所需的图像大小，欺骗 Chrome 感知不存在图像。
• IE9 行为： IE9 添加像素 -单击图像时，图像周围的选区边框变细。要消除此问题，请禁用“用户选择”属性。

示例实现：

Chrome Bug 的 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>

IE9 选择边框的 CSS：

<code class="css">img {
    -ms-user-select:none;
    user-select:none;
}</code>

其他提示：

• 确保图像未包含在任何其他带边框的元素中。
• 检查可能影响边框外观的供应商前缀。
• 尝试暂时禁用硬件加速，看看它是否会影响边框行为。

以上是为什么图像在 Chrome 和 IE9 中仍然有边框，即使有'border: none;”？的详细内容。更多信息请关注PHP中文网其他相关文章！