相关疑难解决方法(0)

为了减少服务器上的请求数量,我将一些图像(PNG和SVG)作为BASE64直接嵌入到css中.(它在构建过程中自动化)

像这样:

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...);

这是一个好习惯吗？有什么理由可以避免这种情况吗？是否有一些主要的浏览器没有数据网址支持？

奖金问题:为CSS和JS做这个也有意义吗？

嘿,我在谷歌搜索,但我不能完美的答案

我希望父DIV中的不透明度而不是Child DIV

例

HTML

<div class="parent">
<div class="child">
Hello I am child 
</div>
</div>

CSS

.parent{
background:url('../images/madu.jpg') no-repeat 0 0;
}
.child{
Color:black;
}

注意: -我想要背景图像而Parent Div不是颜色

在我的CSS中,我有以下内容:

.Thing {
    filter: alpha(opacity=40);
    opacity:0.4;
    -moz-opacity:0.4;
}

.Thing button {
    filter: alpha(opacity=100);
    opacity:1;
    -moz-opacity:1.0;
}

但是,按钮仍然是.4不透明度.然后我尝试opacity: 2这样,看起来我可以减少不透明度而不是更多.有没有办法可以删除它,还是我必须编写多个规则来获取除按钮之外的所有内容？

我正在测试Firefox和Chrome.