HTML5 图片标签<img>的一些问题。

html-css09

HTML5 图片标签<img>的一些问题。,第1张

data- 开头的是自定义属性,这个一般是设计者用来保存一些内部代码要用到的数据。

比如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 进行定位就行了 。

.