この効果を作成したいだけですが、opacity:0.5;を使用しても機能しません/ W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> .index-all{ width:100%; font-family:Microsoft Yahei; height:1000px;} </p> .logo{width:100%;} <p class="sougouAnswer"> .background{ width:100%;height :60px; 背景色:#000; 不透明度:0.5; <br> .logo img{ width:100%;} <br> .index-nav{ width:100%; 位置:絶対マージン; -top:-60px;} <br> .index-nav ul{ list-style-type:none; margin:auto;width:60%; line-height:50px;} <br> .index-nav ul li{ float:left;パディング左:3.3%; パディング右:#FFF;} <title</title> <br> <body> class="index-all"> <br> <div class="logo"> <br> </div> ="背景"></div> < <br /> <br /> /li> </div> <br> </body> <br> <br> <br> .background{ width:100%;height:60px; background-color:#000;opacity:0.5; margin-top: -60px;} <br> ここに margin を追加します:-60px; を追加する必要がある理由margin-top:-60px を背景にしますか？その位置は、index-nav とまったく同じです<br> <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="x-ua-compatible" content="ie=7" /><meta content="width=device-width,initial-scale=1,minimum-scale=1.0, maximum-scale=1,user-scalable=yes" name="viewport"><link href="../css/index.css" type="text/css" rel="stylesheet" /><style type="text/css">.index-all{ width:100%; font-family:微软雅黑; height:1000px;}.logo{width:100%;}.background{ width:100%;height:60px; background-color:#000;opacity:0.5;}.logo img{ width:100%;}.index-nav{ width:100%; margin:auto; height:60px; position:absolute; margin-top:-60px;}.index-nav ul{ list-style-type:none; margin:auto;width:60%; line-height:50px;}.index-nav ul li{ float:left; padding-left:3.3%; padding-right:3.3%; color:#FFF;}index 首页 关于美联 选车中心 美联新车 活动咨询 买卖流程 金牌服务 美联速拍 ログイン後にコピー 透明度を上げます スタイル的には、index-all とはどういう意味ですか?
