CSS background-image:url(“...”)属性也有ALT?

时间:2012-06-08 13:54:54

标签: html css

我在带有

的表格中将图像插入到TD中

style="background-image: url("my_url_goes_here")

然后我在该TD中应用透明的PNG蒙版,使其围绕图像角落 (与背景角相同的颜色,它显示图片的中间)

我想知道我是否可以在CSS部分(style = "background-image: url())中写入图像的ALT,好像我要将ALT写入掩码图像(如果他们右键单击该图像,用户可以保存图片),谷歌将使用ALT从图像索引透明蒙版。

如果不清楚我在问什么,我会进一步解释,只要问一下。

此外,我的一位朋友在几分钟前通过电话告诉我,css3圆形边框可以应用于各种各样的东西,不仅仅是边框,还有图像等。如果是这样的话,那就太可爱了。 ,我不确定圆形边框是否会圆形图像,从未尝试过'(例外情况IE,它们显示正方形)。

感谢。

4 个答案:

答案 0 :(得分:3)

  1. 不,您无法将alt添加到背景图片
  2. 是的,有可能 - http://jsfiddle.net/TyFM7/

答案 1 :(得分:1)

没有css不支持alt标记。

是否可以使用CSS对图像角进行舍入。

http://www.css3.info/preview/rounded-border/

答案 2 :(得分:1)

alt属性用于在没有加载资源的情况下提供文本等效项。它不是背景图像,而是图像,区域等。

来源:http://www.w3.org/TR/html4/struct/objects.html#h-13.8

至于圆角,border-radius也适用于图像 - 即使在IE 中也是如此。如果您想查看当前为此属性提供样式的最佳方法,请查看http://css3please.com

img.rounded {
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

答案 3 :(得分:1)

您不需要为背景图片添加alt标签,因为您不希望这些标记实际编入索引。

CSS边框半径可以添加到大多数东西,这里是添加了边框半径的图像的示例:

Example of image with 30px border radius