比如data-hq中可能是保存了文件名,后面代码要用到这个图片的文件名时可以直接从data-hq这个属性中获取。
在img标签里面加上一个title 属性,即可;<img src="" alt="" title="要显示的文字"/>
当鼠标悬浮在上面的时候,就会显示title里的文字;
因为 img、input 都是自闭合标签,所以,无法简单的让 input 固定在 img 上 。
要想 input 把固定在 img 上,要运用点小技巧,借助一个 div 作为容器,然后,图片没有特殊要求不用动,input 做绝对定位 。
html:
<div class="box"><img src="test.jpg" />
<input type="text" />
</div>
CSS:
.box { position:relative }.box input { position:absolute left:0px top:0px }
说明:因为 img 没有定位,所以,它会自动填充 div,你要做的就是 调整 input 的 left、top 进行定位就行了 。
.