gpt4 book ai didi

css - IE中的边框渲染问题

转载 作者:技术小花猫 更新时间:2023-10-29 11:43:08 25 4
gpt4 key购买 nike

在实现 CSS 边框时,我在 IE(特别是 7)中遇到了最奇怪的问题。几个月前我第一次注意到这一点。

CSS 字面上是这样的:#donate {border:1px solid #299ae5;}

从附图中可以看出,这两个屏幕截图都是在 IE7 中截取的,来自同一个网站,不同的页面 - 相同的模板文件。这就像边框在左下角有一个“尾部”。

enter image description here

有没有人对此有任何见解???

编辑:这是 HTML(尽管我最近也在 IE7 的随机站点上的输入字段上看到了这个)

<li><a href=""><span>Donate</span></a></li>

这是 CSS:

li { display: inline; }
li a { color: #fff; display: block; float: left; margin-right: 8px; padding-right: 8px; line-height: 1.2em; }
li a span { background: url(bg-gradient.png) repeat-x 0 0; border: 1px solid #299a35; padding: 1px 5px 2px 4px; }

提前致谢!

最佳答案

我倾向于使用 display:inline-block...我唯一要更改的是将锚定为按钮而不是跨度。这是一个简单的例子 http://jsfiddle.net/3x4fR/2/

关于css - IE中的边框渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5173120/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com