Html 为div标记内的背景图像提供标题属性
是否有一种解决方案可以将标题属性添加到显示为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 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
。这是的变体,每个版本都有一个缺点。