为div标签内的背景图像提供title属性

Question

是否有向图像添加title属性的解决方案，该图像显示为div标签的背景图像。目前的代码就像

<div style="background:transparent url(image/smiley.jpg) left bottom; cursor:pointer;">

我想在背景图片smiley.jpg

中添加标题属性“Smiley”

Answer 1

您可以在title上添加div属性。由于background-image默认重复，因此会填充div。

<div title="Smiley" style="background:transparent url(image/smiley.jpg) left bottom; cursor:pointer;">

但是暂时假设图像设置为no-repeat并且小于div本身。在这种情况下，只有当光标位于background-image上时，您才能（没有JavaScript）显示工具提示。

Answer 2

我建议在div中添加alt文本，然后将text-indent设置为负值，如-9999px。通过这种方式，Google可以阅读该副本，但在浏览器中查看时，该文本会移出页面。