当前位置:  -> 首页 -> HTML语法中TITLE属性在字体加粗下的兼容性问题

上一篇 | 下一篇
HTML语法中TITLE属性在字体加粗下的兼容性问题
作者:洛羽叶  点击率:6033  发布时间:2012-05-23

超链接的title属性,在鼠标移到超链接上可以显示提示问题,对于截断标题的内容来说提示比较有用。

1.标准写法如下:

         <a href="http://www.luoriver.com/" title=" HTML语法中TITLE属性的兼容性">HTML语法中TITLE属性…</a>

         可以在IE6~IE9、Firefox、Chrome、Opera等浏览器下正确展示。

         HTML语法中TITLE属性…           ---TITLE--->  HTML语法中TITLE属性的兼容性

2.当标题需要字体加粗时问题就出现了

         <a href="http://www.luoriver.com/" title=" HTML语法中TITLE属性的兼容性"><strong>HTML语法中TITLE属性…</strong></a>

         可以在IE6、Firefox、Chrome、Opera等浏览器下正确展示,但IE9无法正确展示。

3.在IE9下要展示需要以兼容模式运行。

         且<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />兼容模式标签是不起作用的。

         无论重复添加ALT标签,用SPAN、DIV都无法解决该问题。 

4.经过多次尝试解决TITLE兼容性的写法

         <a href="http://www.luoriver.com/" title=" HTML语法中TITLE属性的兼容性" style="font-weight:bold;">HTML语法中TITLE属性…</a>

         可以在IE6~IE9、Firefox、Chrome、Opera等浏览器下正确展示,无需设置IE9的兼容性视图设置。

         HTML语法中TITLE属性…           ---TITLE--->  HTML语法中TITLE属性的兼容性

 

标签: 网站设计 HTML CSS
引用地址:本站原创
   站点首页      技术人生      旅途足迹      我要留言      友情链接      关于站长   
[本站统计]
在线人数:1
今日访问:119
总访问量:1468703
Copyright 2006-2022 EasyWeb 1.6 订阅 All Rights Reserved
粤ICP备08028977号-1
www.luoriver.com
Created by WWH in 2006