IE7和标头中的嵌套跨度

时间:2013-01-07 15:51:59

标签: css header internet-explorer-7 html

不知道为什么我无法解决这个问题,我相信这很简单......

我有一个标题,使用以下代码进行切换 -

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。

2 个答案:

答案 0 :(得分:0)

尝试删除行高0.1em。使用此行高,行上的标题没有足够的空间。尝试其他方式... png可能是......

答案 1 :(得分:0)

span元素上的

Position:relativez-index:2似乎在我的IE7中有效,但可能不是最佳解决方案:

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