在不影響圖像大小的情況下將字體大小應用於img alt屬性

嗨我試圖將字體大小設置爲img alt屬性但它會影響圖像大小。在不影響圖像大小的情況下將字體大小應用於img alt屬性

我做這樣的事情在CSS

--- 
HTML Code: 
<img alt="Some Text" src="http://www.someimage.com/img/010.jpg"> 


CSS: 
img[alt]{font-size:0.75em;} 
---

誰能幫我在不影響圖像的大小將字體大小圖像的ALT屬性。

請注意我不想使用Javascript。純粹的CSS

來源

據我所知，您可以在不影響與CSS。 – kinakuta

alt屬性是圖像標籤的屬性，它本身不是一個元素。您無法設計alt屬性，方式與您無法設計src屬性的方式大致相同。

當您使用img[alt]作爲CSS中的選擇器時，您沒有對圖像標記的alt屬性進行匹配，而是針對任何具有alt屬性的圖像標記。當你設置圖像標籤的字體大小時，它自然也會影響圖像標籤。

如果您的意思是您想要設置當您懸停圖像時某些prowsers顯示的工具提示，則無法這樣做。 tooltop是瀏覽器中的實現細節，並且HTML中沒有任何內容說明應該以這種方式使用alt屬性，所以HTML中沒有任何方法可以控制該功能。

alt有意思的是，如果無法顯示圖像，應向用戶展示一些內容。

2011-06-20 07:18:51 Guffa

我實際上顯示的產品列表與其圖像和一些細節。現在如果對於某些情況，如果圖像沒有得到顯示，則需要16px的默認字體大小。所以它妨礙了整個佈局。 –

@Anubhav Ranjan：你怎麼看到設置字體大小會影響圖像大小？當我嘗試它時，它完全不影響圖像大小。 – Guffa

@Guffa：如果我設置字體大小爲0。75em甚至像素，它會影響圖像尺寸。如果它不適合你，那麼你可以請你分享你的CSS風格。 –

有關alt屬性，請參閱this answer。

2011-06-20 07:10:22 kinakuta

感謝您的幫助。但是，我希望將其應用於爲手機開發的門戶網站。因此，我無法真正使用JS。如果我在CSS中使用img [alt]，它會更改字體大小，但它也會影響圖像大小。 –

移動版js的限制是什麼？只是想避免它？ – kinakuta

它像項目要求。由於我們針對所有手機，大多數手機不支持js。所以必須完全避免JS –

我可能是錯的，但我認爲它只能從用戶的顯示屬性設置控制，不能通過CSS修改。

2011-06-20 08:32:25 Magnum26

在我的個人測試中，在圖像上設置font-size屬性對圖像沒有影響。

雖然我能夠調整alt文本的大小。起初，我試圖把HTML放入alt屬性中，但它顯示爲純文本而不是HTML。然後，我將包含alt文本的圖像用樣式包裹在span標籤中，並且工作正常，因爲圖像從跨度繼承了font-size。

下面是一個例子：

<span style="font-size: 0.75em"> 
    <img alt="Some Text" src="http://www.someimage.com/img/010.jpg"> 
</span>

2014-05-12 12:43:03 BluntSporks

回答