2013-08-02 29 views
0

試圖找出爲什麼ie一直忽略我的CSS。我的選擇器只有3494,我的文件大小是960KB,並且在被忽略之前有15600行,但縮小到較少的行無效。css在ie8/9中被忽略,而不是在選擇器限制

在ie10,firefox,chrome中工作正常。

所有這一切,我讀過的所有內容都是隻有選擇器限制,導入嵌套限制和樣式表限制。

任何想法?

它對箭頭樣式感到窒息。我能夠通過移動一些東西來阻止它在不同的地方,所以我懷疑它是語法。

這裏是被忽略掉結束的東西,

.ui-icon-arrowthick-1-n{background-position:0 -48px} 
.ui-icon-arrowthick-1-ne{background-position:-16px -48px} 
.ui-icon-arrowthick-1-e{background-position:-32px -48px} 
.ui-icon-arrowthick-1-se{background-position:-48px -48px} 
.ui-icon-arrowthick-1-s{background-position:-64px -48px} 
.ui-icon-arrowthick-1-sw{background-position:-80px -48px} 
.ui-icon-arrowthick-1-w{background-position:-96px -48px} 
.ui-icon-arrowthick-1-nw{background-position:-112px -48px} 
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px} 
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px} 
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px} 
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px} 
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px} 
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px} 
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px} 
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px} 
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px} 
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px} 
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px} 
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px} 
.ui-icon-arrowreturn-1-w{background-position:-64px -64px} 
.ui-icon-arrowreturn-1-n{background-position:-80px -64px} 
.ui-icon-arrowreturn-1-e{background-position:-96px -64px} 
.ui-icon-arrowreturn-1-s{background-position:-112px -64px} 
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px} 
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px} 
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px} 
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px} 
.ui-icon-arrow-4{background-position:0 -80px} 
.ui-icon-arrow-4-diag{background-position:-16px -80px} 
.ui-icon-extlink{background-position:-32px -80px} 
.ui-icon-newwin{background-position:-48px -80px} 
.ui-icon-refresh{background-position:-64px -80px} 
.ui-icon-shuffle{background-position:-80px -80px} 
.ui-icon-transfer-e-w{background-position:-96px -80px} 
.ui-icon-transferthick-e-w{background-position:-112px -80px} 
.ui-icon-folder-collapsed{background-position:0 -96px} 
.ui-icon-folder-open{background-position:-16px -96px} 
.ui-icon-document{background-position:-32px -96px} 
.ui-icon-document-b{background-position:-48px -96px} 
.ui-icon-note{background-position:-64px -96px} 
.ui-icon-mail-closed{background-position:-80px -96px} 
.ui-icon-mail-open{background-position:-96px -96px} 
.ui-icon-suitcase{background-position:-112px -96px} 
.ui-icon-comment{background-position:-128px -96px} 
.ui-icon-person{background-position:-144px -96px} 
.ui-icon-print{background-position:-160px -96px} 
.ui-icon-trash{background-position:-176px -96px} 
.ui-icon-locked{background-position:-192px -96px} 
.ui-icon-unlocked{background-position:-208px -96px} 
.ui-icon-bookmark{background-position:-224px -96px} 
.ui-icon-tag{background-position:-240px -96px} 
.ui-icon-home{background-position:0 -112px} 
.ui-icon-flag{background-position:-16px -112px} 
.ui-icon-calendar{background-position:-32px -112px} 
.ui-icon-cart{background-position:-48px -112px} 
.ui-icon-pencil{background-position:-64px -112px} 
.ui-icon-clock{background-position:-80px -112px} 
.ui-icon-disk{background-position:-96px -112px} 
.ui-icon-calculator{background-position:-112px -112px} 
.ui-icon-zoomin{background-position:-128px -112px} 
.ui-icon-zoomout{background-position:-144px -112px} 
.ui-icon-search{background-position:-160px -112px} 
.ui-icon-wrench{background-position:-176px -112px} 
.ui-icon-gear{background-position:-192px -112px} 
.ui-icon-heart{background-position:-208px -112px} 
.ui-icon-star{background-position:-224px -112px} 
.ui-icon-link{background-position:-240px -112px} 
.ui-icon-cancel{background-position:0 -128px} 
.ui-icon-plus{background-position:-16px -128px} 
.ui-icon-plusthick{background-position:-32px -128px} 
.ui-icon-minus{background-position:-48px -128px} 
.ui-icon-minusthick{background-position:-64px -128px} 
.ui-icon-close{background-position:-80px -128px} 
.ui-icon-closethick{background-position:-96px -128px} 
.ui-icon-key{background-position:-112px -128px} 
.ui-icon-lightbulb{background-position:-128px -128px} 
.ui-icon-scissors{background-position:-144px -128px} 
.ui-icon-clipboard{background-position:-160px -128px} 
.ui-icon-copy{background-position:-176px -128px} 
.ui-icon-contact{background-position:-192px -128px} 
.ui-icon-image{background-position:-208px -128px} 
.ui-icon-video{background-position:-224px -128px} 
.ui-icon-script{background-position:-240px -128px} 
.ui-icon-alert{background-position:0 -144px} 
.ui-icon-info{background-position:-16px -144px} 
.ui-icon-notice{background-position:-32px -144px} 
.ui-icon-help{background-position:-48px -144px} 
.ui-icon-check{background-position:-64px -144px} 
.ui-icon-bullet{background-position:-80px -144px} 
.ui-icon-radio-on{background-position:-96px -144px} 
.ui-icon-radio-off{background-position:-112px -144px} 
.ui-icon-pin-w{background-position:-128px -144px} 
.ui-icon-pin-s{background-position:-144px -144px} 
.ui-icon-play{background-position:0 -160px} 
.ui-icon-pause{background-position:-16px -160px} 
.ui-icon-seek-next{background-position:-32px -160px} 
.ui-icon-seek-prev{background-position:-48px -160px} 
.ui-icon-seek-end{background-position:-64px -160px} 
.ui-icon-seek-start{background-position:-80px -160px} 
.ui-icon-seek-first{background-position:-80px -160px} 
.ui-icon-stop{background-position:-96px -160px} 
.ui-icon-eject{background-position:-112px -160px} 
.ui-icon-volume-off{background-position:-128px -160px} 
.ui-icon-volume-on{background-position:-144px -160px} 
.ui-icon-power{background-position:0 -176px} 
.ui-icon-signal-diag{background-position:-16px -176px} 
.ui-icon-signal{background-position:-32px -176px} 
.ui-icon-battery-0{background-position:-48px -176px} 
.ui-icon-battery-1{background-position:-64px -176px} 
.ui-icon-battery-2{background-position:-80px -176px} 
.ui-icon-battery-3{background-position:-96px -176px} 
.ui-icon-circle-plus{background-position:0 -192px} 
.ui-icon-circle-minus{background-position:-16px -192px} 
.ui-icon-circle-close{background-position:-32px -192px} 
.ui-icon-circle-triangle-e{background-position:-48px -192px} 
.ui-icon-circle-triangle-s{background-position:-64px -192px} 
.ui-icon-circle-triangle-w{background-position:-80px -192px} 
.ui-icon-circle-triangle-n{background-position:-96px -192px} 
.ui-icon-circle-arrow-e{background-position:-112px -192px} 
.ui-icon-circle-arrow-s{background-position:-128px -192px} 
.ui-icon-circle-arrow-w{background-position:-144px -192px} 
.ui-icon-circle-arrow-n{background-position:-160px -192px} 
.ui-icon-circle-zoomin{background-position:-176px -192px} 
.ui-icon-circle-zoomout{background-position:-192px -192px} 
.ui-icon-circle-check{background-position:-208px -192px} 
.ui-icon-circlesmall-plus{background-position:0 -208px} 
.ui-icon-circlesmall-minus{background-position:-16px -208px} 
.ui-icon-circlesmall-close{background-position:-32px -208px} 
.ui-icon-squaresmall-plus{background-position:-48px -208px} 
.ui-icon-squaresmall-minus{background-position:-64px -208px} 
.ui-icon-squaresmall-close{background-position:-80px -208px} 
.ui-icon-grip-dotted-vertical{background-position:0 -224px} 
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px} 
.ui-icon-grip-solid-vertical{background-position:-32px -224px} 
.ui-icon-grip-solid-horizontal{background-position:-48px -224px} 
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px} 
.ui-icon-grip-diagonal-se{background-position:-80px -224px} 
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px} 
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px} 
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px} 
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px} 
.ui-widget-overlay{background:#666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)} 
.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} 
+1

它忽略了整個表單嗎?還是隻有某些規則? – Jon

+0

位很便宜的拋出一些代碼我們的方式。最好是被忽略的那些。也可能想扔!重要的兩端,看看你是否覆蓋其他地方的插件文件可能的CSS。 – vikingben

+3

您的CSS文件中可能會出現語法錯誤,它會停止解析文件的其餘部分。 – recursive

回答

3

一個可能的解決方案:

修復所有語法錯誤:

.ui-icon-arrow-4-diag{background-position:-16px -80px} 

需要具有semicolumn

.ui-icon-arrow-4-diag{background-position:-16px -80px;} 

一堆這些錯誤可能會導致問題。

+0

哇靠,好抓笑,我是盲人,所有 –

+0

它不使用CSS的960k中的驚喜,那是瘋狂的反正。 – user1721135

+0

是的,很遺憾,我們沒有資金來解決它。幾十個承包商中的5年將這樣做到一個代碼庫。 –