jquery - 字符下方的html文本空格

Question

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

我对带有背景色的 div 或表格单元格中的文本有一些奇怪的行为。它在字符下方显示一些空白，就像字符显示得比应有的位置高。

有点难以解释，下面的截图显示了问题:

我的标记如下:

<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