2013-07-05 160 views
0

我試圖使用不透明轉換,它似乎可以在除IE以外的所有瀏覽器中工作。 IE 10應該支持轉換,並且它有時會。我無法弄清楚爲什麼我的代碼不起作用。首字母代碼在IE中也不起作用。這是不支持,或者我做錯了什麼?CSS在IE中不工作

<style type="text/css"> 
    #piccode { 
     opacity:0; 
     -moz-transition-duration: 1s; 
     transition-duration: 1s; 
     -webkit-transition-duration: 1s; 
     -ms-transition-duration:1s; 
     -o-transition-duration: 1s; 
    } 
    #piccode:hover { 
     opacity: 1; 
    } 
    #postbody p:first-letter { 
     letter-spacing:1px; 
     line-height:0.5; 
     font-size: 25px; 
     font-family: 'Lovers Quarrel', cursive; 
    } 
    #postbody b { 
     color: #8b5a3c; 
    } 
</style> 

我不知道這是否有差別,但如果我刪除的過渡,繼續徘徊什麼也不做。我認爲我的懸停可能是問題......如果我在這裏聽起來啞巴,我很抱歉。我完全自學成才!

回答

0

對於過渡,你忘了指定動畫哪個屬性(簡單起見,我使用的shorthand property這裏):

#piccode { 
    opacity:0; 
    -moz-transition: opacity 1s; 
    -webkit-transition: opacity 1s; 
     -ms-transition: opacity 1s; 
     -o-transition: opacity 1s; 
      transition: opacity 1s; 
} 

併爲first-letter建議使用兩個冒號::語法(舊版本的瀏覽器應該支持單冒號語法):

#postbody p::first-letter { /* ... */ } 
+0

謝謝您的建議!在第一個字母代碼中添加第二個冒號解決了這個問題。然而,指定一個屬性來轉換沒有做任何事情...... –

+0

@SabrinaMac在IE10中爲我工作的很好:[fiddle](http://jsfiddle.net/VGYDS/)。 – Sirko

+0

它在我的小提琴中工作,但不在我正在處理的頁面上。我試圖設置一個文檔類型。這沒有用。我認爲這是我試圖編碼的消息板上的東西,這是衝突的。我設法用js解決了這個問題。非常感謝您的投入!這是超級有用的! –