CSS3可以应用多种背景颜色吗?

前端之家收集整理的这篇文章主要介绍了CSS3可以应用多种背景颜色吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道如何使用CSS3指定多个背景图像,并使用不同的选项修改它们的显示方式。

目前我有一个< div>,它需要具有不同的颜色,左侧的宽度约为30%

div#content {background: url("./gray.png") repeat-y,white; background-size: 30%;}

而不是加载完全灰色的图像,我如何能够指定颜色,而不需要额外的< div>?

解决方法

你真的不能 – 背景颜色完全适用于元素背景。保持简单

您可以为背景定义具有清晰颜色边界的CSS渐变,例如。

background: -webkit-linear-gradient(left,grey,grey 30%,white 30%,white);

但目前只有少数浏览器支持。见http://jsfiddle.net/UES6U/2/

(另见http://www.webkit.org/blog/1424/css3-gradients/解释CSS3渐变,包括尖锐的颜色边界技巧)

原文链接:https://www.f2er.com/css/220004.html

猜你在找的CSS相关文章