html - 如何为背景图像提供 alt 和标题？

Question

如何为背景图像提供 alt 和标题？是否可以？

<div id="cont"></div>

  #cont
  {
     background:#FFF url(../images/post.png) no-repeat;
  }

Answer 1

您不能为 CSS 背景指定 alt 和标题，但可以为 div 指定标题。

<div id="cont" title="Title!"></div>

标题将在 div 元素上的鼠标空闲时弹出。

Answer 2

不，因为背景图像只是一个装饰元素，不应该有任何语义含义。HTML 用于语义和意义，CSS 仅用于视觉外观。如果图像非常重要以至于它应该有一个后备alt文本，那么就让它成为一个 HTML<img>元素。

Answer 3

给 div 本身添加一个标题标签很简单。

关于 alt，如果你迫切需要它，主要的方法是在高度 =“100%”和宽度 =“100%”的 div 中放置一个 img，或者，如果这妨碍了你，添加一个div中的1px img，带有alt，但不会被看到。如果 img 妨碍您并遮挡其他元素，zindex 也可能会有所帮助。

祝你好运，亚历克斯

Answer 4

是的，这在 PHP 中是可能的。

if($moon==0)
  {$icon_moon="background: url(mp0.png); background-repeat: no-repeat; 
   background-size: 15px 15px; background-position: right top";
   $title_mph = "Moon phase new";}

在这种情况下，变量($icon_moon)被插入到表中以便像这样定位

也可以通过这种方式添加 Alt 文本。