2012-08-02 11 views
8

背景イメージにaltとtitleを与える方法は?出来ますか?背景イメージのaltとtitleの指定方法は?

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

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

これは、背景画像のサイズ「カバー」を使用して、縦横比を縮めずに反応性の高いレイアウトを処理したい場合に使用されます。私はdivのタイトルタグとIMGタグで同じレイアウトを達成しようとしています。 – Mark

答えて

10

cssの背景にaltとtitleを付けることはできませんが、divにタイトルを付けることはできます。

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

タイトルはmouse-idle時にdiv要素にポップアップ表示されます。

+0

CSSで与えることは可能ですか? – Prashobh

+2

疑似要素とそれ以外のもの(これについてはわかりません)を使用する方法がありますが、完全にサポートされておらず、あまりアクセスできないのでお勧めできません。 – Rodik

7

いいえ、背景画像はは、任意のセマンティックな意味を持つべきではないだけ装飾的な要素であるため。 HTMLはセマンティクスの意味で、を意味します.CSSは視覚的な外観のためのものです。画像が非常に重要であり、テキストの末尾がaltの場合は、HTML <img>要素にします。

+1

ありがとう、私は私のコードを変更する必要があります。 – Prashobh

-1

私はimg要素を使って試しました。

fiddle

+0

この方法では、透過画像にalt属性を追加し、背景画像には追加しません。 –

-2

はい、これはこのような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)は代替テキストを追加この

ように位置決めするためのテーブルであり、挿入されていますこの方法も可能です。

関連する問題