小编sum*_*ray的帖子

我在为网站创建css驱动的主题布局时遇到问题.要求是用户将为其自定义主题选择主要和次要颜色.页面中的块是用一些不透明度(或alpha值)渲染的,在其上方将渲染渐变图像.使用不透明度css属性的问题是所有子元素也继承了不符合我们想要的不透明度值.另一方面,使用rgba属性与IE存在兼容性问题.我应该采取哪种方法？

/* HTML */
  <div class="someClass">
       Page Title
 </div>

/* CSS */ 
.someClass{

  border-top:10px solid #b59a47;
  border-bottom:5px solid #f4e196;
  background-image: url(../../images/contentHeader-bg.png);
  background-color: rgba(244,225,150,0.2);
}