不透明度只有css中的div

时间:2012-01-26 12:08:56

标签: html css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Hello!</title>
  <style type="text/css">

    .class1{
      border:10px solid #000000;
      padding:5px;
      border-radius:12px;
      opacity: 0.1;
    }

    .class2{
      border:10px solid #000000;
      padding:5px;
      border-radius:12px;
      opacity: 100px !important;
    }
  </style>
</head>

<body>

<div class="class1">
nghi
<div class="class2">
nghi2
</div>

</body>

</html>

在html文件中。我有2个div。我只想要不透明度等级1非不透明度div 2.我对div 2使用重要属性但它不起作用。请帮我把它拿走谢谢

4 个答案:

答案 0 :(得分:1)

opacity: 100px !important;

应该是:

opacity: 100%;

或:

opacity: 1;

另外,你错过了一个结束div标签。你的意思是div是分开的,还是一个在另一个里面?

答案 1 :(得分:0)

据我所知,你不能在父div上设置不透明度,然后在子div上设置不同的不透明度(使其更不透明)

答案 2 :(得分:0)

除了px的语法错误以及不透明度从0到1(而不是100 )的事实,如果.div2元素包含在.div1内1}}然后你不能这样做..

你的代码现在的方式,你只关闭两个div中的一个,它被解释为第二个div在第一个div中。

您可能想澄清/解决此问题(使其有效

答案 3 :(得分:0)

您在第一个DIV中缺少结束标记。当你修复它时,它是否应该可以正常工作。