Html Gradient在firefox和IE中不起作用

Firefox 26.0和IE 8给我带来了问题。在铬上可以很好地工作。已经被困很长时间了，有人能帮我吗

.标题{

height: 40px;
margin: 0px 0 60px 0;
padding: 0;
color: white;
background: -moz-linear-gradient(100% 100% 90deg, ##0b4bbb, #007fe4);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0b4bbb), to(#007fe4))

---

}您需要的是以下内容：

.sectionBoxTitle{
高度：40px；
边际：0px 0 60px 0；
填充：0；
颜色：白色；
背景：#0B4BBB；/*旧浏览器*/
背景：-moz线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、色挡（0%、#0B4BBB）、色挡（100%、#007FE4））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#0B4BBB 0%，#007FE4 100%）；/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*IE10+*/
背景：线性梯度（至底部，#0b4bbb0%，#007FE4 100%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#0b4bbb'，endColorstr='#007fe4'，GradientType=0）；/*IE6-9*/
}

您需要所有这些特定于浏览器的前缀，才能在每个浏览器中使用它。只需指定

-moz-

和

-webkit-

的旧语法就可以涵盖2010年支持渐变的所有浏览器，但现在支持渐变的浏览器越来越多，因此需要为其添加前缀的浏览器也越来越多

---

此代码直接取自。我只将颜色格式从

rgba（）

更改为

#HEX

您需要的是以下内容：

.sectionBoxTitle{
高度：40px；
边际：0px 0 60px 0；
填充：0；
颜色：白色；
背景：#0B4BBB；/*旧浏览器*/
背景：-moz线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、色挡（0%、#0B4BBB）、色挡（100%、#007FE4））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#0B4BBB 0%，#007FE4 100%）；/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*IE10+*/
背景：线性梯度（至底部，#0b4bbb0%，#007FE4 100%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#0b4bbb'，endColorstr='#007fe4'，GradientType=0）；/*IE6-9*/
}

您需要所有这些特定于浏览器的前缀，才能在每个浏览器中使用它。只需指定

-moz-

和

-webkit-

的旧语法就可以涵盖2010年支持渐变的所有浏览器，但现在支持渐变的浏览器越来越多，因此需要为其添加前缀的浏览器也越来越多

---

此代码直接取自。我只将颜色格式从

rgba（）

更改为

#HEX

您需要的是以下内容：

.sectionBoxTitle{
高度：40px；
边际：0px 0 60px 0；
填充：0；
颜色：白色；
背景：#0B4BBB；/*旧浏览器*/
背景：-moz线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、色挡（0%、#0B4BBB）、色挡（100%、#007FE4））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#0B4BBB 0%，#007FE4 100%）；/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*IE10+*/
背景：线性梯度（至底部，#0b4bbb0%，#007FE4 100%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#0b4bbb'，endColorstr='#007fe4'，GradientType=0）；/*IE6-9*/
}

您需要所有这些特定于浏览器的前缀，才能在每个浏览器中使用它。只需指定

-moz-

和

-webkit-

的旧语法就可以涵盖2010年支持渐变的所有浏览器，但现在支持渐变的浏览器越来越多，因此需要为其添加前缀的浏览器也越来越多

---

此代码直接取自。我只将颜色格式从

rgba（）

更改为

#HEX

您需要的是以下内容：

.sectionBoxTitle{
高度：40px；
边际：0px 0 60px 0；
填充：0；
颜色：白色；
背景：#0B4BBB；/*旧浏览器*/
背景：-moz线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、色挡（0%、#0B4BBB）、色挡（100%、#007FE4））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#0B4BBB 0%，#007FE4 100%）；/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#0b4bbb0%，#007FE4 100%）；/*IE10+*/
背景：线性梯度（至底部，#0b4bbb0%，#007FE4 100%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#0b4bbb'，endColorstr='#007fe4'，GradientType=0）；/*IE6-9*/
}

您需要所有这些特定于浏览器的前缀，才能在每个浏览器中使用它。只需指定

-moz-

和

-webkit-

的旧语法就可以涵盖2010年支持渐变的所有浏览器，但现在支持渐变的浏览器越来越多，因此需要为其添加前缀的浏览器也越来越多

---

此代码直接取自。我只是将颜色格式从

rgba（）

更改为

#HEX

这是一个跨浏览器解决方案，可以帮助您解决问题。我认为它涵盖了大多数情况：

.sectionBoxTitle {
    height: 40px;
    margin: 0 0 60px 0;
    padding: 0;
    color: white;

    /* For Browsers that do not support gradients */
    background-color: #0b4bbb;
    /* Safari 4+, Chrome 1-9 */
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#0b4bbb),to(#007fe4));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background: -webkit-linear-gradient(top,#0b4bbb,#007fe4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top,#0b4bbb,#007fe4);
    /* For IE 6,7,8,9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b4bbb',endColorstr='#007fe4');
    /* IE 10+ */
    background: -ms-linear-gradient(top,#0b4bbb,#007fe4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top,#0b4bbb,#007fe4);
    /* CSS 3 Support */
    background: linear-gradient(to bottom,#0b4bbb 0,#007fe4 100%);  
}

---

文档：

这是一个跨浏览器解决方案，应该可以帮助您解决问题。我认为它涵盖了大多数情况：

.sectionBoxTitle {
    height: 40px;
    margin: 0 0 60px 0;
    padding: 0;
    color: white;

    /* For Browsers that do not support gradients */
    background-color: #0b4bbb;
    /* Safari 4+, Chrome 1-9 */
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#0b4bbb),to(#007fe4));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background: -webkit-linear-gradient(top,#0b4bbb,#007fe4);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top,#0b4bbb,#007fe4);
    /* For IE 6,7,8,9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b4bbb',endColorstr='#007fe4');
    /* IE 10+ */
    background: -ms-linear-gradient(top,#0b4bbb,#007fe4);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top,#0b4bbb,#007fe4);
    /* CSS 3 Support */
    background: linear-gradient(to bottom,#0b4bbb 0,#007fe4 100%);  
}

---

文档：

这是一个跨浏览器解决方案，应该