Question

嗨，我遇到了这个div的问题。我有我的CSS分配白色背景颜色。这是问题的demo

div.bonecardLightBox {
    background-color: white;
    background: #fff;
    z-index: 1001;
    margin-left: 250px;
    width: 850px;
    height: 525px;
    border: 2px solid black;
    border-left: 2px solid black;
    padding: 10px;
    -webkit-border-radius: 20px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius: 20px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-radius: 20px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    float: center;
    -webkit-transition: color 0.5s ease;
}

但不幸的是我看到了灰色。还不知道为什么。

这是图像外观的图像。 enter image description here

Answer 1

这是因为<body>有opacity:0.75;这会影响所有元素

最简单的方法是，将透明图片设置为<body>的背景：

background-image:url(/path/to/transparent/1px-1px.png);
background-repeat:repeat;

然后它不会影响所有其他元素。你可以用css来做，但它是一个定位的黑客，甚至不能在所有旧浏览器中工作。

Answer 2

不透明度是一回事，但它不是一个完整的解决方案。

您还应该添加到CSS中：

div.gist-data {
  background-color: #fff !important; 
}

使颜色变白

div中显示不同的颜色

2 个答案: