2013-07-22 50 views
0

將圖像標題屬性設爲標題樣式?

從我的發現,無論哪種方式,我不能使用「之後或:之前,因爲它不是我的功能將如何運行我的更新是,當你點擊一個鏈接div出現與相關的圖片和標題,標題被現在存儲在字幕疊加DIV

我如何獲得該標題信息顯示在div

這是我更新的鏈接:?http://jsfiddle.net/SGktV/26/

[舊] 我在這個鏈接中有以下代碼:http://jsfiddle.net/SGktV/25/

當你點擊一個鏈接時,一個隱藏的div將會在帶有src和title屬性的圖像中消失。我唯一擔心的是我知道你可以使用:before和之後的style屬性title屬性:但是我知道它們在IE 8中不起作用。有沒有人找到解決方案,或者是否有另一種方法可以用來顯示相關的標題點擊鏈接?

content: attr(title); 

希望我的代碼可以幫助,謝謝!

+0

'我知道他們不能在IE 8中工作:之前和:在IE8之後工作就好了。 –

+0

所以從這個鏈接:http://www.w3schools.com/cssref/sel_before.aspx,如果我使用這種方法:http://cssdeck.com/labs/awesome-image-captions-with-css我應該好?就像檢查IE是一個正確的噩夢不是它! – user2212564

回答

1

更新

如果指定了!DOCTYPE是IE8僅支持content屬性。


但您使用 contentCSS3 Pie

你可以使用CSS3與CSS3餡餅它在IE中工作。

+0

感謝您的意見。通讀文檔,並不確定如何實現這個到我有什麼?我認爲它會準備好像content:attr(title);但如果這有意義,但不確定應用.htc的位置? – user2212564

0

我已經解決了這個不使用:前:通過這樣做後:

http://jsfiddle.net/SGktV/28/

基本上,我改變了我的線在我的jQuery閱讀:

$("#hiddenPanel #caption-overlay").text($(this).attr("data-title")); 

並在圖片標籤下添加了div標籤:

`<div id="caption-overlay"></div>` 

這是正確的方法嗎?