HTML-img title属性值利用&#13换行，但是火狐中实现不了

Question

我引入了一个图片，想在鼠标移上时显示一些内容；我用的是img的title属性，用“ &#13 ”换行时，火狐浏览器不能够换行，我又试了google ie 还有360极速都可以，所以请问大家这个该怎么解决

<img src='http://s.mogupai.com/sheepManage/Public/Upload/tool_pic/133033752290.jpg' title="string1 string2 string3"/>

Answer 1

在title里加" 或 ",只有在IE和Google Chrome下能够实现title换行。 但在firefox浏览器下不支持用，而且也没有属性可以支持，不过可以通过css方式来模拟title标签的换行效果。再配合JavaScript就能够完全解决这个问题。这里我给你写了一下模拟title属性的CSS

<style>
.test a.title{ text-decoration:none; }
a.title span{display:none; border:1px solid #000; text-decoration:none;
color:#000; position:absolute; left:100px;}
a.title:hover span{display:block;}
</style>
<div class="test">
<a href="#" class="title">Fname Lname<span>测试(text)<br/>测试<br/>标题</span></a></div>
</div>
<div class="test">
<a href="#" class="title">
<img src='27779108_avatar_1328678140_m.jpg' />
<span>测试(text)<br/>测试<br/>标题</span>
</a>
</div>