使用CSS的鋸齒邊緣不能在IE中正常渲染

我設法找到一些代碼，在所有瀏覽器與Internet Explorer在那裏我得到以下結果除外很好地工作。

不幸的是避免Internet Explorer不是一個選項，我在我的知識對如何解決這一問題的限制。

這是我在CSS文件中使用的代碼。

  #footer { 
      position:relative; 
      width: 100%; 
      height: 280px; 
      margin-top:5px; 
      background-color: #ab1919 ; 
      z-index:1; 
      border-bottom: 10px ridge #ab1919 ; 
      } 


      #footer:before { 

      content: " "; 
      display:block; 
      position: relative; 
      top:0px;left:0px; 
      width:100%; 
      height:36px; 
       background: linear-gradient(#fff 0%, transparent 0%), linear-gradient(135deg, #ab1919 33.33%, transparent 33.33%) 0 0%, #ab1919 linear-gradient(45deg, #ab1919 33.33%, #fff 33.33%) 0 0%; 
       background: -webkit-linear-gradient(#fff 0%, transparent 0%), -webkit-linear-gradient(135deg, #ab1919 33.33%, transparent 33.33%) 0 0%, #ab1919 -webkit-linear-gradient(45deg, #ab1919 33.33%, #fff 33.33%) 0 0%; 
       background: -o-linear-gradient(#fff 0%, transparent 0%), -o-linear-gradient(135deg, #ab1919 33.33%, transparent 33.33%) 0 0%, #ab1919 -o-linear-gradient(45deg, #ab1919 33.33%, #fff.33%) 0 0%; 
      background: -moz-linear-gradient(#fff 0%, transparent 0%), -moz-linear-gradient(135deg, #ab1919 33.33%, transparent 33.33%) 0 0%, #ab1919 -moz-linear-gradient(45deg, #ab1919 33.33%, #fff 33.33%) 0 0%; 
       background-repeat: repeat-x; 
       background-size: 0px 100%, 9px 27px, 9px 27px; 
      }

如果有人能幫助解決這個問題，我將永遠感激。

感謝

來源

2013-04-11 user2271851

IE的哪個版本？線性漸變和'：after'只支持更新版本的IE。 – MMM 2013-04-11 19:52:09

它必須能夠使用所有版本，因爲它的學校網站。所以我無法控制哪些瀏覽器訪問它。 – user2271851 2013-04-11 20:08:12

有沒有說如果版本<9不包括這種效果？ – user2271851 2013-04-11 20:08:33

你可以做到這一點與圖像DEMO http://jsfiddle.net/kevinPHPkevin/YyyP9/

body, html { 
    height:100%; background:url(http://www.hscripts.com/freeimages/icons/symbols/shapes/triangle/triangle-image8.gif); 
    background-repeat:repeat-x; 
    background-position:bottom; 
}

來源

2013-04-11 19:59:02 Vector

+1，絕對是用圖像做到這一點。該模式很小，如果額外的請求困擾你，你甚至可以把它扔到CSS中。 – Travis 2013-04-11 20:01:36

使用CSS的鋸齒邊緣不能在IE中正常渲染

回答

相關問題