初次使用Jquery
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #laowang { width: 300px; height: 300px; margin: 80px auto; border: 2px solid red; position: relative; } #laowang img { width: 200px; height: 200px; /*margin: 200px auto;*/ /*border: 2px solid pink;*/
} .lao { position: absolute; /*border: 3px solid red;*/ width: 100px; height: 30px; left: 50%; top: 87%; margin-left: -50px; /*margin-top: -15px;*/ /*text-align: center;*/ /*padding-left: 50%;*/ }
</style> </head> <body> <div id="laowang"> <img src="tikm/img/3.jpg"> <div class="lao"> <button>开灯</button> <button>关灯</button> </div> </div> <div> <p>点我会消失</p> <p>点我还会消失</p> <p>再点我还是会消失</p> </div>
</body> </html>
