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 を使用している社内の Web サイトです。

4

2 に答える 2

0

Position:relativez-index:2span 要素では、IE7 で動作するように見えますが、最適な解決策ではない可能性があります。

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

于 2013-01-07T16:22:13.397 に答える
0

line-height 0.1em を削除してみてください。この行の高さでは、行の見出しに十分なスペースがありません。他の方法を試してみてください... pngは...

于 2013-01-07T16:02:16.200 に答える