Cnscorpio

“title” and “alt”——莫名的灵异

2008-11-25
UE, Web Standard »
No Comments

已经三个星期了，几乎每天晚上公司的班车上都会有我疲惫的小身影，为了祖国的四化建设，咱是呕心沥血啊，哈哈。

最近用到利用a中的title进行鼠标hover后提示信息，这个是个简单的不得了的事情，但却灵异了，说它是bug，又无从说起，因为万恶的IE系列浏览器再一次牛逼哄哄起来。第一次遇到，当是学习了。

怎么回事呢？

看代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>test title alt</title> <style type="text/css"> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:medium none; } #bug,#good,#anotherWay{width:500px;height:200px;margin:0 auto;padding-top:30px;text-align:center;background:#CCCCCC; } #good,#anotherWay{margin-top:20px; } </style> </head> <body> <div id="bug"> <h5>灵异的现象:当鼠标移上去的时候，IE下显示的不是链接的title(our team)，而是图片的alt(enjoy work here!!!)。</h5> <a title="our team，这个是a的title属性" href="http://www.kdued.com"><img src="http://www.cnscorpio.cn/cnscorpioImgs/kdued.gif" alt="enjoy work here !!!不幸的是，在IE里显示的是图片的alt属性" /></a> </div> <div id="good"> <h5>没办法，只能将ALT的属性也写的跟a的title一样，在IE下才能得到想要的效果。</h5> <a title="现在title和alt都是：our team" href="http://www.kdued.com"><img src="http://www.cnscorpio.cn/cnscorpioImgs/kdued.gif" alt="现在title和alt都是：our team" /></a> </div> <div id="anotherWay"> <h5>也可以将图片的title属性写成跟a的title一样，在IE下也能得到想要的效果。</h5> <a title="现在图片的title和a的title都是：our team" href="http://www.kdued.com"><img src="http://www.cnscorpio.cn/cnscorpioImgs/kdued.gif" title="现在图片的title和a的title都是：our team" alt="我是图片的alt属性" /></a> </div> </body> </html>

Tips:You can change the code before run.

找了一下没找到有相关的帖子，不少重要的图片都要求写上alt属性，但是，极有可能属性跟外面的链接title属性不一样
这个就有冲突了，不知道这个算是是BUG还是不同浏览器根本的不同。
—————-To be continued———————

1.FF3.0 是正常的，显示的是title属性

2.chrome 是正常的，也是显示title的属性

3.IE7,IE6是显示图片alt属性
家里笔记本没装其他浏览器，明天再看看

20081125 update

4.safari 3 正常，显示的是title

5.opera 9.6正常，显示的是title

——
再次update

如果不想将图片的alt属性写的跟a的title一样，那么也可以将图片的title属性设置与a的title一致，也能得到想要的效果

“title” and “alt”——莫名的灵异

No Responses to ““title” and “alt”——莫名的灵异”

说两句吧：