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

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

甜柠檬 发布于 2016-11-21 字数 338 浏览 1156 回复 1

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

想挽留 2017-05-27 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>