菜鸟求助：css中“alt”是什么意思？

html-css039

菜鸟求助：css中“alt”是什么意思？,第1张

1. lt 是 HTML 中<img>标签的一个属性，alt属性包含了对图片的说明文字。它只能用在img、area和input元素中（包括applet元素）。对于input元素，alt属性意在用来替换提交按钮的图片。

例：<img alt="我是一张图片"></img>

2. Css 中是没有alt属性的，然而，用a:hover 和 display:nonedisplay:block可以模拟出类似的效果。

例

<style>

.img{

width:30

height:30

background-image: url(图片路径)；

display:block

}

.img span{

display:none

}

.img:hover span{

display:block

}

</style>

<a class="img"><span>解释文字</span></a>

您好！首先你提到的css的area标签是不支持hover的，只有a标签才支持。li标签在IE浏览器下才支持。你说的效果完全可以用js来实现啊！我为你整理了一下代码，希望对您有帮助：

<script>

function ahover(id)

{

alert(document.getElementById(id).className)

}

</script>

<div class="fc-show-box" >

<img src="33.jpg" width="950" height="569" border="0" usemap="#Map" />

<map name="map">

<area class="item1" shape="poly" id="a1" onmouseover="ahover('a1')" coords="30,39,209,39,209,538,30,538" href="#" />

<area class="item2" shape="poly" id="a2" onmouseover="ahover('a2')" coords="215,40,447,39,447,545,215,545" href="#" />

<area class="item3" shape="poly" id="a3" onmouseover="ahover('a3')" coords="453,13,585,13,585,561,453,580" href="#" />

</map>

</div>

alt 是html标签里面的属性，表示对图片说明。<img src=" " alt="图片说明 " />

同时是位了一些不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户，显示替换文字。另外在seo 方面也可以告诉搜索引擎，这个图片的表达的信息。

如：<img src=" " alt="九寨沟冬季美景 " /> 这样搜索引擎就可能会把 "九寨沟冬季美景 "收录在他的

”图片“搜索项里了。