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 については、どうしても必要な場合は、height="100%" と width="100%" の div に img を配置するか、これが邪魔になる場合は、 div 内の 1px img、alt 付きですが、表示されません。zindex は、img が邪魔になって他の要素を遮っている場合にも役立ちます。

がんばれ、アレックス

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 テキストを追加することもできます。