有人能告诉我如何在td标签中设置“标题”属性的样式吗?HTML:td标签中的“标题”属性样式
我的代码是这样:
<td align="center" class="chaos" width="80%" >
<a class="chaos" title="<%=trimtext%>">
<span class="chaos"><%=len(trimtext,50)%></span>
</td>
我不能老是使用jquery。 建议一些解答。谢谢。
有人能告诉我如何在td标签中设置“标题”属性的样式吗?HTML:td标签中的“标题”属性样式
我的代码是这样:
<td align="center" class="chaos" width="80%" >
<a class="chaos" title="<%=trimtext%>">
<span class="chaos"><%=len(trimtext,50)%></span>
</td>
我不能老是使用jquery。 建议一些解答。谢谢。
正如其他人所说的,你不能设计由浏览器本地提供的标题弹出窗口。但是,可以使用attr
参考css中的标题内容。例如:
td.chaos:hover::before {
content: attr(title);
position: absolute;
border: 1px solid black;
background: yellow;
}
这不会给你的出现延迟了本地弹出免费提供,但根据您的具体使用情况,你也许可以用拿出的东西是有用的(也许过渡?)。
此外,请注意,此样式不会消除原生弹出窗口,所以您最终会看到两个弹出窗口。
MFoster:谢谢你的回答。在我的代码中加入这个后,我没有看到区别。它再次默认。 – user1495475
正如我所说,默认的弹出窗口仍然会在那里。但你应该看到一个你可以设计的元素:http://jsfiddle.net/HVrgw/ – MForster
你不能。这个小弹出窗口是操作系统原生的。
您可以使用javascript删除标题attr,然后构建一个新的div,根据标签的坐标绝对定位它,然后重现效果。
你不必使用jQuery来做到这一点,普通的JS会很好,但你可能会发现它在jQuery中更快。 (即我正在考虑2-5行jQuery来做到这一点)。
如果当你说“不能”,你的意思是因为你不知道如何,投入一些时间 - 你会很快收获好处!
如果您因为您的公司不允许而说“不能”,只是很高兴您每小时/每月/每月获得报酬 - 您的公司希望为公共替代品的开发提供资金库。确保你能够使用你自己开发的库,或者开源它,以确保它在许多浏览器中进行了测试。
Rich:感谢您的建议。如果您希望我使用js,如何你会这么做吗?对不起我在这样的逻辑周。 – user1495475
仅供参考:由于jQuery的广告不相关,我很想放弃这个答案。有理由不使用jQuery。我没有,因为前两个段落仍然有用和相关。 – MForster
对于jQuery来说,这并不是一个广告,因为对于不了解JS的人来说,这是一个很好的开始。另外,你的答案是天才 - 我知道所有的部分,但没有想过要这样使用它!真棒!可能不得不再次查看CSS计数器,因为这些是我经常忽略的其他事情。 –
你需要JavaScript或CSS的嵌套元素。您无法设计任何HTML属性。另请参阅http://stackoverflow.com/questions/12871417/force-the-attr-title-popup-an-on-element/12871452#12871452 – Zeta