divを透明にしたいがdiv内のボタンにはしたくない。誰もそれで私を助けることができますか？

-3

#ss { 
 
    background-color: black; 
 
    width: 1500px; 
 
    height: 80px; 
 
    overflow-x: 0; 
 
    margin-top: -8px; 
 
    margin-left: -10px; 
 
    opacity: 0.5; 
 
    text-align: center; 
 
    position: absolute; 
 
} 
 

 
#as { 
 
    background-color: #968f8f; 
 
    width: 70px; 
 
    height: 40px; 
 
    opacity: 1; 
 
    margin-top: 15px; 
 
    position: relative; 
 
    color: white; 
 
    border-radius: 4px; 
 
} 
 

 
#bd { 
 
    background-color: grey; 
 
    background-image: url("image3.jpg"); 
 
    overflow-x: hidden; 
 
    background-repeat: no-repeat; 
 
    background-size: 1315px; 
 
}

<body id="bd"> 
 

 
    <div id="ss"> 
 

 
    <table> 
 
     <tr> 
 
     <td> 
 

 
      <button id="as"> Home </button> 
 

 
     </td> 
 

 
     </tr> 
 
    </table> 
 

 

 
    </div> 
 

 
</body>

問題は、私はdivの内側のボタンのdivが透明になりたいではなく、ということです。

出典

2017-05-08 Unknown person

可能な複製（http://stackoverflow.com/questions/5770341/i-do-in-the-child-opacity-from-the-parent-in-css） – Ivar

[トランスペアレントな親の中の非トランスペアレントな子]の可能な複製（http://stackoverflow.com/questions/3031848/transparent-parent-in-transparent-parent） –

ボタン以外のdivにはあまり表示されないので、不透明度を避けて＃7F7F7Fを背景色として使用してください。 –

あなたの親のdiv要素の背景色を削除します。すべてのbackground:rgba(0,0,0,.5)

出典

2017-05-08 07:15:46 n1kkou

あなたが望むものに依存します：背景を半黒色にしたい場合は、 'rgba 'bacgrkound、そうでなければ、背景色を削除するだけです。 – n1kkou

-1

まず：あなたのようにdivの背景色を維持したい場合にも背景色としてrgbaを使用することができます

#ss{ background:transparent; }

スタイルタグの下の#ssの下から不透明属性を削除します。あなたは完全に背景を削除したい場合は

：
は交換してください：
#ss { background-color:black; }
で：
は交換してください：エルス
#ss { background:none; }

あなたが背景に不透明度の値を設定する場合：
#ss { background-color:black; }
By：
#ss { background:rgba(0, 0, 0, desired_opacity_value); }
ここで、0（分）< = desired_opacity_value < = 1（最大）[私はCSSで親から子不透明度を継承したくない]の

出典

2017-05-08 07:26:24 AngelDeHajra

背景が完全に削除されました。 – Ivar

divを透明にしたいがdiv内のボタンにはしたくない。誰もそれで私を助けることができますか？

答えて

関連する問題