0

不知道为什么我无法弄清楚这一点，我相信这很简单......

我的标题使用以下代码进行了剪辑-

h2.boxtitle2 { width:100%; text-align:left; border-bottom: 1px solid #FFCC00; line-height:0.1em; margin:10px 0 10px; }

h2.boxtitle2 span { background:#fff; padding:0 10px; font-family: Arial, Helvetica, sans-serif; font-size:18px !important; margin: 0 10px; padding: 0 5px; font-weight:normal; text-transform:uppercase; color:#666666 !important;}

<h2 class="boxtitle2"><span>Key Dates</span></h2>

在除 IE7 之外的所有浏览器中看起来都很棒......任何人都知道我可以在那里修复它 - 这是一个内部网站，大约 40% 的用户使用 IE7。

4

2 回答 2

0

尝试删除行高 0.1em。有了这个 line-height，行上的标题就没有足够的空间了。尝试其他方式... png 可能是...

于 2013-01-07T16:02:16.200 回答
0

Position:relative并且z-index:2跨度元素似乎在我的 IE7 中工作，但可能不是最好的解决方案：

http://jsfiddle.net/zrxqB/13/

于 2013-01-07T16:22:13.397 回答