* { margin:0; padding:0; list-style:none; } #box { width:650px; height:400px; margin:50px auto; border:1px solid red; position:relative; } #content { width:650px; height:350px; position:relative; background-image:url("http://www.jq22.com/demo/cssjdt201909281110/images/t5.png"); background-size:650px 350px; } #shadow { height:40px; width:40px; position:absolute; background-color:aliceblue; left:350px; top:50px; } #block { height:40px; width:40px; position:absolute; left:0; top:355px; background-image:url("http://www.jq22.com/demo/cssjdt201909281110/images/t5.png"); background-size:650px 350px; } #tip { height:40px; width:40px; position:absolute; left:0; top:50px; background:url("http://www.jq22.com/demo/cssjdt201909281110/images/t5.png") no-repeat -350px -50px; background-size:650px 350px; }
更新时间:2019-12-15 23:36:47
图片问题,滑动框有点看不到,换一下图片就好了