2012-08-02 10 views
8

Wie gibt man Alt und Titel für das Hintergrundbild? Ist es möglich? KeineWie alt und Titel für das Hintergrundbild geben?

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

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

Ein besonderer Anwendungsfall hierfür ist, wenn Sie die Hintergrundbildgröße "cover" verwenden möchten, um mit ansprechenden Layouts umzugehen, ohne das Seitenverhältnis zu beeinträchtigen. Ich wäge zwischen einem Titel-Tag auf dem Div und versuche, das gleiche Layout mit einem IMG-Tag zu erreichen. – Mark

Antwort

10

Sie können keine Alt und Titel für einen CSS-Hintergrund geben, aber Sie können dem Div einen Titel geben.

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

Der Titel erscheint bei Maus-Leerlauf über dem div-Element.

+0

ist es möglich, in CSS geben? – Prashobh

+2

Es gibt wahrscheinlich einen Weg, Pseudo-Elemente und whatnot (nicht sicher), aber das ist nicht zu empfehlen, da es nicht vollständig unterstützt wird und nicht sehr zugänglich ist. – Rodik

7

, weil ein Hintergrundbild nur ein dekoratives Element ist, das keine semantische Bedeutung haben sollte. HTML ist für Semantik und Bedeutung, CSS ist nur für visuelle Erscheinungen. Wenn das Bild so wichtig ist, dass es einen Fallback alt Text haben sollte, machen Sie es zu einem HTML <img> Element.

+1

Danke, also sollte ich meinen Code ändern. – Prashobh

-1

Ich habe versucht, mit Img-Element.

fiddle

+0

Auf diese Weise fügen Sie dem transparenten Bild ein alt-Attribut hinzu, nicht dem Hintergrundbild. –

-2

Ja, das ist möglich in PHP wie folgt ..

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";} 

In diesem Fall wird die Variable ($icon_moon) in eine Tabelle eingefügt wird für die Positionierung wie diese

ein Alt Hinzufügen von Text ist auch so möglich.

Verwandte Themen