css修改元素属性title

css修改元素属性title
优点:样式可以自定设置,位置设置后就固定了;
缺点:不能像元素属性title一样随时出现在鼠标所在位置。

<div data-title="标题" class="tip">我是一个测试</div> 
.tip{
	position: relative;
}
.tip:hover:after {
	position:absolute;
	top:20px;
	left:0;
	content:attr(data-title);
	//在这里设内置好title出现的位容置就好了
	color:#000000;
	border:1px solid #242424;
	border-radius:5px ;
	background-color:#E5E5E5;
}
//对比:
<div title="标题" >我是一个测试</div> 

版权声明:本文为weixin_38355349原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。