如何为背景图片添加alt和title？

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

我尝试使用img元素。

fiddle

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文本。