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元素有弯曲的边框

回答

相关问题