CSS 单线渐变

标签 css internet-explorer gradient

我再次遇到可怕的 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;
}

我想达到的效果可以看这里

enter image description here

背景颜色是我在我的网站上使用的背景颜色

请帮忙,IE 会要了我的命!

感谢您的宝贵时间。

最佳答案

使用<hr>元素和样式。请参阅您的示例的 CSS 技巧代码,它看起来相同:http://css-tricks.com/examples/hrs/

关于CSS 单线渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27376227/

相关文章:

html - 如何用图片填充div

internet-explorer - IE后台溢出

javascript - 更改 HREF 后 IE 忘记了 A-Tag 的主机名

objective-c - 从给定的 NSColor 生成 NSGradient

html - 如何使表格单元格不占用空间?

javascript - 我的站点的 Firefox 缓存问题

javascript - 保持大型菜单可见,直到使用 jQuery 输入另一个 anchor

css - IE6 中的奇怪边距

javascript - 我如何制作具有 3 种颜色和很多曲线的多渐变背景?

css - JavaFx css 背景显示不正确