IE7和頭

嵌套跨度

不知道爲什麼我不知道這一點，我相信它是簡單...IE7和頭

我有了直通使用下面的代碼標題 -

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上。

來源

2013-01-07 blankip

可能有助於如果您發佈你的輸出screencap ... –

或告訴我們什麼是錯的.. –

是的，需要一個這個的屏幕上限，沒有IE7安裝在這裏的任何系統。 – Lowkase

Position:relative和z-index:2，但未必是最好的解決辦法：

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

來源

2013-01-07 16:22:13 lindstedt

這是最好的。我添加了一個.5em的行高，以便切入線與現代瀏覽器基本相同。謝謝。也只是爲IE7添加了另一個樣式表，因爲新代碼無法與其他瀏覽器一起運行......喜歡IE7。 – blankip

沒問題:)是的，將它放在單獨的IE7樣式表中是一個非常好的主意。 – lindstedt

嘗試刪除行高0.1em。有了這個行高，這個行上的標題就沒有足夠的空間。嘗試其他辦法... PNG可能是......對span元素似乎在我的IE7工作

來源

2013-01-07 16:02:16

它的作品，但擊敗標題的切入線的全部目的。如果沒有h2的較小線條高度，則線條會突出顯示整個標題。 – blankip

我想我想要做的是SPAN只是坐在h2的頂部 - 它在所有現代瀏覽器上都可以做到。對於IE7跨度文本似乎佔據了h2的高度，即使我注意到跨度的高度。 – blankip

回答

相關問題