Html 为div标记内的背景图像提供标题属性

Html 为div标记内的背景图像提供标题属性,html,css,Html,Css,是否有一种解决方案可以将标题属性添加到显示为div标记背景图像的图像中。当前代码如下 <div style="background:transparent url(image/smiley.jpg) left bottom; cursor:pointer;"> 我想将标题属性“Smiley”添加到背景图像Smiley.jpg您可以在div上添加标题属性。由于默认情况下,背景图像重复,因此它将填充div <div title="Smiley" style="backgrou

是否有一种解决方案可以将标题属性添加到显示为div标记背景图像的图像中。当前代码如下

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


我想将标题属性“Smiley”添加到背景图像Smiley.jpg

您可以在
div
上添加
标题属性。由于默认情况下,
背景图像
重复,因此它将填充
div

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


但假设图像设置为
no repeat
,并且小于
div
本身。在这种情况下,只有当光标位于
背景图像上时(没有JavaScript),才能显示工具提示。我建议在div中添加alt文本,然后将文本缩进设置为负值,如-9999px。通过这种方式,Google可以读取副本,但在浏览器中查看时,文本会从页面中移出。

这里的重要一点是属性只能位于元素上,而样式声明不是元素的一部分。谢谢,但是我也可以像这样添加alt属性吗@Kevin@MasterWingChun不知道这是否有效,但它不是有效代码。
alt
属性是为图像相关标签指定的,如
img
area
。这是的变体,每个版本都有一个缺点。