IE中的对角渐变
|
有没有办法在IE中有对角线渐变？在Chrome浏览器中，我可以执行以下操作：
body{
background-image:-webkit-gradient(
linear,
left top,
right bottom,
color-stop(0%,#f00),
color-stop(50%,#0f0),
color-stop(100%,#00f));
}
没有找到相关结果
已邀请:
3 个回复
佃蒜狗掂哥
值的两个div（一个在另一个的顶部/前面）和不同的渐变方向（一个水平，一个垂直） 渐变中的透明/半透明颜色（您可以在CSS3 Transparency + Gradient中阅读有关此内容的信息） 只需将具有垂直渐变的div放在具有水平渐变的div后面（反之亦然，这并不重要），并确保最上面的渐变的颜色不透明。 结果如下所示（Internet Explorer 8）： 和CSS：//left sample .back { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=\"0\", startColorstr=\'#880088\', endColorstr=\'#110011\'); z-index:0; } .front { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=\"1\", startColorstr=\'#55ffa885\', endColorstr=\'#55330000\'); z-index:1; } //right sample .diaggradientback { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=\'1\', startColorstr=\'#ffa885\', endColorstr=\'#330000\'); } .diaggradientfront { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=\'0\', startColorstr=\'#bbffa885\', endColorstr=\'#bb330000\'); }屉杆绊
窃誓额