使用div css实现鼠标悬停图片上方时显示文字内容原理: 首先大家设置一个盒子对象,并且将图片使用style标签内设置为CSS背景图片,同时设置该对象html a超链接display:none隐藏,该超链接锚文本内放好文字内容,最后设置鼠标悬停经过整个对象时候显示超链接内容。 需要注意是,大家使用了css position绝对定位超链接a标签位于该盒子对象下方,并且为了美化效果给html a标签宽度与对象宽度相同,设置一定高度,设置css背景为半透明背景颜色。 同时为了兼容IE6大家使用了IE6支持hover插件。控制阅读了解ie6 hover支持。本效果兼容各大浏览器包括IE6。 打包源代码请下载附件,谢谢
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29 30 31 32 33 34 35
html底部网页用footer标签。HTML5中footer标签定义和用法:
标签定义 section 或 document 的页脚。在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。在一个文档中,可以定义多个 元素。
HTML5中footer的标准属性:
class, contenteditable, contextmenu, dir, draggable,id,irrelevant,lang,ref,registrationmark, tabindex, template, title。