菜鸟求助:css中“alt”是什么意思?

来源:百度知道 编辑:UC知道 时间:2024/06/01 13:06:29
如:img src="..." alt="logo"width="..."height="..."

1. lt 是 HTML 中<img>标签的一个属性,alt属性包含了对图片的说明文字。它只能用在img、area和input元素中(包括applet元素)。对于input元素,alt属性意在用来替换提交按钮的图片。
例:<img alt="我是一张图片"></img>

2. Css 中是没有alt属性的,然而,用a:hover 和 display:none; display: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>

就是鼠标停在图片上面,出现的说明文字。

比如说这个页面右边的rss的图片。鼠标放上去以后就会有
“订阅‘菜鸟求助什么什么’的最新回答”

如果你现在用的是IE核心的浏览器,把鼠标移动到左上角百度知道的图片上,停住一秒,会出现 “百度知道”四个字。那就是alt里的字起的作用。
如果是FF,alt不起作用,要加title。

补充:IE8以上的浏览器修复了这个问题,统一用title来做额外的提示。alt则回归原始作用:当网页无法显示图片时,用作替换文字。