2013-02-21 56 views
-1

我已經創建了一個使用CSS創建堆疊紙張效果和線條裁決的基本網站。在IE中不呈現的CSS堆疊紙張效果

該網站在www.aspireddesign.co.uk/jhtutoring

這裏暫時託管是CSS文件:CSS Source

的網頁呈現在Chrome,火狐,Safari瀏覽器(iPhone和iPad)的罰款,但不會在Internet Explorer(只嘗試版本8)。

CSS使用:before和:after僞元素,這可能是問題嗎?

線條裁決也顯示爲塊而不是藍色。

任何想法?

感謝

+0

This http://stackoverflow.com/questions/4181884/after-and-before-css-pseudo-elements-hack-for-ie-7可能對您有興趣 – hexblot 2013-02-21 16:45:44

+0

Both links被破壞,使這個問題沒用!代碼應該已被複制到問題中。 – oberlies 2013-07-26 21:42:18

回答

1

你行不會在IE8藍色顯示,由於該版本不支持RGBA顏色 - 看http://css-tricks.com/rgba-browser-support/

它們也不會在IE9中工作,因爲您的HTML正在觸發怪癖模式。如果您將其更改爲在標準模式下呈現,則應該可以正常工作。請參閱這裏以獲取更多信息:http://msdn.microsoft.com/en-gb/library/ie/gg699338(v=vs.85).aspx

+0

此外,IE8及以下版本本身不支持':before'和':after'僞元素。我建議使用selectivizr.js來添加這種支持(儘管它需要像jQuery或MooTools這樣的框架來提供選擇器功能)。 – Shauna 2013-02-21 18:12:05

+0

我已經添加了<!DOCTYPE HTML>,並且似乎在某種程度上起作用。我也改變了從RBGA到十六進制代碼的顏色,這也有所幫助。現在,這些行根本不在IE中顯示,我猜測它是:before和after:元素之後。我試過selectivizr.js,但沒有奏效。有其他解決方法嗎? – greenroy 2013-02-22 12:06:51

+0

@Shauna - :之前和之後:在IE8中的元素被支持就好,沒有JS。它們在IE7及以下版本中不受支持。 – Adam 2013-07-26 21:48:42