HTML Div元素有彎曲的邊框

enter image description here HTML Div元素有彎曲的邊框

我想讓底部的曲線在我的Header Div中。基本上，DIV應該是傾斜的，我想下面的，而其工作的所有最新的瀏覽器除了IE8 &下面

<div class="HeaderTitle" style="background: #000;"> 
     <h1 class="header"> 
      PROMOTIONS</h1> 
    </div> 


#Container #InnerPages .HeaderTitle 
{ 
    padding: 115px 0 0 0; background-color: #000; 
    margin-right: -20px; 
    -webkit-transform: rotate(5deg); /* Safari and Chrome */ 
    -moz-transform: rotate(5deg); /* Firefox */ 
    -o-transform: rotate(5deg);  /* Opera */ 
    -ms-transform: rotate(5deg);  /* IE 9 */ 
    transform: rotate(5deg); 
} 
#Container #InnerPages .header 
{ 
    text-align: center; color: #fff; font-size: 30px; margin: 0; padding: 0 0 26px; 
    -webkit-transform: rotate(-5deg); /* Safari and Chrome */ 
    -moz-transform: rotate(-5deg); /* Firefox */ 
    -o-transform: rotate(-5deg);  /* Opera */ 
    -ms-transform: rotate(-5deg);  /* IE 9 */ 
    transform: rotate(-5deg); 
}

但在IE瀏覽器，這並不工作&我的客戶是非常強硬的，它應該在IE 8的工作： - （

任何幫助，請...

來源

2014-02-06 HishHash

您可以使用近代化。 – Kuzgun

這個jQuery插件可能會幫助你http://jquery.malsup.com/corner/ –

基本上你想爲IE8

曲線這將有助於

.div 
{ 
    -webkit-border-radius:4px;  /* older webkit based browsers */ 
    -khtml-border-radius:4px;   /* older khtml based browsers */ 
    -moz-border-radius:4px;   /* older firefox */ 
    border-radius:4px;    /* standard */ 
    behavior: url(border-radius.htc); /* IE 6-8 */ 
}

來源

2014-02-06 13:25:38 ArmaGeddON

解決方案1  使用IETransformsTranslator

這是一個命令行工具使用此工具可以使矩陣過濾器轉換上的IE6，IE7 & IE8的作品。只需粘貼CSS3轉換函數（例如旋轉（15deg）），剩下的工作就完成了。

解決方案2

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

的BasicImage濾波器的旋轉屬性可以接受以下四個值之一：0，1，2，或3，其將旋轉元件0,90，180或270輩分分別。

解決方案3

由於這answser仍然起牀-票，我覺得我應該有大約稱爲CSS砂紙javacript庫，允許您使用（近）的旋轉標準的CSS代碼，即使在信息更新較舊的IE版本。

一旦你添加CSS砂紙把你的網站，你應該然後能寫IE6-8下面的CSS代碼：

-sand-transform: rotate(25deg);

希望這有助於你:)

來源

2014-02-06 13:26:12

HTML Div元素有彎曲的邊框

回答

相關問題