2012-11-03 38 views
0

有人能告诉我如何在td标签中设置“标题”属性的样式吗?HTML:td标签中的“标题”属性样式

我的代码是这样:

<td align="center" class="chaos" width="80%" > 
    <a class="chaos" title="<%=trimtext%>"> 
<span class="chaos"><%=len(trimtext,50)%></span> 
</td> 

我不能老是使用jquery。 建议一些解答。谢谢。

+1

你需要JavaScript或CSS的嵌套元素。您无法设计任何HTML属性。另请参阅http://stackoverflow.com/questions/12871417/force-the-attr-title-popup-an-on-element/12871452#12871452 – Zeta

回答

2

正如其他人所说的,你不能设计由浏览器本地提供的标题弹出窗口。但是,可以使用attr参考css中的标题内容。例如:

td.chaos:hover::before { 
    content: attr(title); 
    position: absolute; 
    border: 1px solid black; 
    background: yellow; 
} 

这不会给你的出现延迟了本地弹出免费提供,但根据您的具体使用情况,你也许可以用拿出的东西是有用的(也许过渡?)。

此外,请注意,此样式不会消除原生弹出窗口,所以您最终会看到两个弹出窗口。

+0

MFoster:谢谢你的回答。在我的代码中加入这个后,我没有看到区别。它再次默认。 – user1495475

+0

正如我所说,默认的弹出窗口仍然会在那里。但你应该看到一个你可以设计的元素:http://jsfiddle.net/HVrgw/ – MForster

2

你不能。这个小弹出窗口是操作系统原生的。

您可以使用javascript删除标题attr,然后构建一个新的div,根据标签的坐标绝对定位它,然后重现效果。

你不必使用jQuery来做到这一点,普通的JS会很好,但你可能会发现它在jQuery中更快。 (即我正在考虑2-5行jQuery来做到这一点)。

如果当你说“不能”,你的意思是因为你不知道如何,投入一些时间 - 你会很快收获好处!

如果您因为您的公司不允许而说“不能”,只是很高兴您每小时/每月/每月获得报酬 - 您的公司希望为公共替代品的开发提供资金库。确保你能够使用你自己开发的库,或者开源它,以确保它在许多浏览器中进行了测试。

+0

Rich:感谢您的建议。如果您希望我使用js,如何你会这么做吗?对不起我在这样的逻辑周。 – user1495475

+0

仅供参考:由于jQuery的广告不相关,我很想放弃这个答案。有理由不使用jQuery。我没有,因为前两个段落仍然有用和相关。 – MForster

+0

对于jQuery来说,这并不是一个广告,因为对于不了解JS的人来说,这是一个很好的开始。另外,你的答案是天才 - 我知道所有的部分,但没有想过要这样使用它!真棒!可能不得不再次查看CSS计数器,因为这些是我经常忽略的其他事情。 –