我再次遇到可怕的 IE 问题。
我创建了一个单独的分隔线来分隔页面上的不同元素。代码本身在 webkit 浏览器中运行良好,但我似乎无法在 IE 中复制效果。我曾尝试使用 CSS 渐变生成器,但它们不会复制褪色效果。
我的代码如下
#home-single-line {
margin: 25px 0;
height: 1.4px;
background: white;
background: -webkit-gradient(linear, 0 0, 100% 0, from(#123f67), to(#123f67), color-stop(50%, #fff));
position: absolute;
top: 55px;
left: 580px;
width: 550px;
}
我想达到的效果可以看这里
背景颜色是我在我的网站上使用的背景颜色
请帮忙,IE 会要了我的命!
感谢您的宝贵时间。
最佳答案
使用<hr>
元素和样式。请参阅您的示例的 CSS 技巧代码,它看起来相同:http://css-tricks.com/examples/hrs/
关于CSS 单线渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27376227/