html文本文字下方的空格

Question

我正在嘗試使用jquery mobile製作一個移動網頁。

我有一些奇怪的行爲與背景顏色的div或表格單元格內的文本。 它在字符下面顯示一些空白，就像字符比它應該顯示的高一些。

這是一個有點難以解釋，下面的屏幕截圖顯示了問題：

我的標記是如下：

<td width='50%' style='background-color: #626A99;'> 
<h3>1 DAY ACCESS FOR ONLY 9</h3> 
</td>  

解決 Özkan的厄茲呂讓我在正確的軌道上。

爲了在jquery的移動禁用陰影，添加下面其中的jquery移動CSS是包括以下內容：

body .ui-body-d, body .ui-overlay-d { text-shadow: none; } 

信d，必須與所使用的主題來代替。

Answer 1

這可能是h3的陰影效應。試試這個：

<td width='50%' style='background-color: #626A99;'> 
<h3 style="text-shadow:none;">1 DAY ACCESS FOR ONLY 9</h3> 
</td> 

see fiddle