使用css背景色的滤镜类型

我想用两种颜色设置背景色。在左侧和右侧的标签中以白色和中心主色使用css背景色的滤镜类型

来源

2011-02-18 Akshay

为什么不只是1）制作三个元素，浮动它们并赋予它们各自的颜色，或者2）给这个元素一个背景图片？ – BoltClock 2011-02-18 10:27:56

在css2中，您应该使用不同的元素进行着色（为什么不使用div？）。所以解决方案将来自html而不是来自CSS。如果你只想使用css，那么你应该看看css3渐变，尽管css3并不是跨浏览器友好的解决方案。

来源

2011-02-18 10:34:39 JackLeo

换句话说，如果它对你的设计至关重要，那么不要使用css3，如果它只是幻想的颜色狂欢，那么使用它并忽略过去十年中的浏览器。 – Kriem 2011-02-18 10:37:26

你可以使用渐变。这里的CSS例子：

background-image: -webkit-gradient(
    linear, 
    left bottom, 
    right bottom, 
    color-stop(0.2, rgb(255,255,255)), 
    color-stop(0.5, rgb(36,171,74)), 
    color-stop(0.8, rgb(255,255,255)) 
); 
background-image: -moz-linear-gradient(
    left center, 
    rgb(255,255,255) 20%, 
    rgb(36,171,74) 50%, 
    rgb(255,255,255) 80% 
);

演示：http://jsbin.com/uwefe4

这将为Gecko和webkit浏览器引擎的工作方式。

要支持Internet Explorer，您可以使用类似css3pie的脚本。

来源

2011-02-18 10:36:51 Sotiris

结帐http://css3please.com/它充满了css3的乐趣。 ;） – Kriem 2011-02-18 10:39:13

使用css背景色的滤镜类型

回答

相关问题