html文字空格下面的字符

Question

我正在尝试使用jquery mobile制作移动网页。

我在带有背景颜色的div或table单元格中的文本有一些奇怪的行为。 它会在字符下面显示一些空格，就像字符的显示高度应该高一些。

有点难以解释，以下屏幕截图显示了问题：

我的标记如下：

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

解决 ÖzkanÖZLÜ让我走上正轨。

要在jquery mobile中禁用阴影，请在包含jquery mobile 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