如何爲背景圖片提供替代和標題？

如何給背景圖像的ALT和標題？可能嗎？如何爲背景圖片提供替代和標題？

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

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

來源

2012-08-02 Prashobh

這是一個特殊的用例，當您想要使用背景圖像大小「封面」來處理響應式佈局而不壓扁寬高比時。我正在權衡div上的標題標籤，並試圖通過IMG標籤實現相同的佈局。 – Mark 2014-07-21 05:10:30

你不能給一個CSS背景的ALT和標題，但你可以給一個標題的div。

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

標題將在鼠標閒置在div元素上時彈出。

來源

2012-08-02 09:52:18 Rodik

是否可以在css中輸入？ – Prashobh 2012-08-02 09:54:06

可能有一種方法使用僞元素和whatnot（不知道這一點），但不建議這樣做，因爲它沒有完全支持，並不是很容易訪問。 – Rodik 2012-08-02 09:55:57

沒有，因爲背景圖像是僅不應該有任何語義裝飾元素。 HTML用於語義和含義，CSS僅用於視覺效果。如果圖像非常重要以至於應該有一個後備alt文本，請將其設置爲HTML <img>元素。

來源

2012-08-02 09:51:58 deceze

謝謝，所以我應該改變我的代碼。 – Prashobh 2012-08-02 09:55:50

-1

我試過使用img元素。

fiddle

來源

2012-08-02 10:01:28 GeckoTang

這樣，您可以將alt屬性添加到透明圖像，而不添加到背景圖像。 – 2014-02-10 16:27:11

-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)被插入在表中用於定位這樣

添加一個替代文本是也可以這樣。

來源

2016-02-26 23:20:21 Chris

如何爲背景圖片提供替代和標題？

回答

相關問題