Xuxun Space</title> ;< ;style>*{margin:0px;padding:0px;font-family:"黑体";font-size:30px;}body{background-image: url(Pictures/back.jpg);background-repeat: 繰り返し ;} #banner{幅:100%;高さ:100px;背景色:#333;位置:絶対;トップ:100px;text-align:center;}#banner_options{幅:1000px;高さ:100px;マージン:0px auto; }dl{color:#00F;line-height:100px;}dd{float:left;width:333px;height:100px;}a{text-decoration:none;color:#00F;}a:hover{ 背景: #00F;color:#FFF;}</style></head><body><!--ブラウザの幅全体を占めるナビゲーション バー--><div id="banner " ><div id="banner_options"><dl><dd>ホームページ</dd><a href="#"><dd>ダウンロード</dd></ a>< ;dd>概要</dd></dl></div></div></body></html><br>マウスを上に移動すると DD タグをダウンロードしたいのですが、なぜダウンロードできるのでしょうか？背景色を青に変えてみませんか？ </p> <p> </p> <p> </p> <p> </p> <p> </p> <br> <h2>ディスカッションへの返信 (解決策)</h2> <p class="sougouAnswer"> a: hover dd { <br> background:#00F; <br> color:#FFF; <br> } <br> </p> <p class="sougouAnswer"> 実装する方法はたくさんありますが、HTML コード自体をネストする必要があります。 HTML セマンティクスとは反対です。 <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>旭讯时空*{margin:0px;padding:0px;font-family:"黑体";font-size:30px;}body{background-image: url(Pictures/back.jpg);background-repeat: repeat;}#banner{width:100%;height:100px;background-color:#333;position:absolute;top:100px;text-align:center;}#banner_options{width:1000px;height:100px;margin:0px auto;}dl{color:#00F;line-height:100px;}dd{float:left;width:333px;height:100px;}a{text-decoration:none;color:#00F;}a:hover{background:#00F;color:#FFF; display:block;} 首页 下载 关于 我想在鼠标移到下载那个DD标签上让背景颜色变成蓝色为什么实现不了？ログイン後にコピー // どの背景を変更したいのかわかりませんが、ここにその 1 つがあります。 MyHtml.html * { margin: 0px; padding: 0px; font-family: "黑体"; font-size: 30px;}body { background-image: url(Pictures/back.jpg); background-repeat: repeat;}#banner { width: 100%; height: 100px; background-color: #333; position: absolute; top: 100px; text-align: center;}#banner_options { width: 1000px; height: 100px; margin: 0px auto;}dl { color: #00F; line-height: 100px;}dd { float: left; width: 333px; height: 100px;}a { text-decoration: none; color: #00F;}a:hover { background: #00F; color: #FFF;} 首页 下载 关于 $(function() { $('#banner_options dl dd a').hover(function () { $('#banner').css('background','#00f'); }, function () { $('#banner').css('background','#eee'); }) });
