2012-06-27 21 views
1

我申請.drop_cap類每一個崗位的第一個字母,比如這個:http://www.mossoreviews.com/193-safe-er-grip-bath-and-shower-handle-review/下沉式的古怪

它在Firefox13所有權利。然而,在Chrome17和IE9,不僅第一個字母.drop_cap風格,而且第二個字母是風格完全一樣,彷彿第二個字母也EN-包裹在

<span class="drop_cap"></span> 

但它實際上是不。任何想法如何發生以及如何解決這個問題?

+6

頂蓋很熱。 – pixelbobby

回答

2

你的CSS聲明將下沉樣式的跨度和段落都:

.drop_cap, .entry > p:first-of-type::first-letter 

此行應該只有一個或另一個。

刪除第一個字符的範圍並利用:first-letter CSS屬性或從選擇器中刪除.entry > p:first-of-type::first-letter

+0

真正的問題似乎阻礙了瀏覽器處理':: first-letter'僞元素的明顯差異。如果你注意到,在span.drop_cap之前的第一個'span'中有一個圖像。我回想起同一個OP的早些時候提出的問題,它看起來只會引起更多的問題。質樸。 – BoltClock