请教图片效果问题：做如东方财富网首页顶部图片效果
2021/07/01 11:59:51
璇锋暀涓涓浘鐗囨晥鏋滈棶棰橈細鍋氬涓滄柟璐㈠瘜缃戦椤甸《閮ㄥ浘鐗囨晥鏋滃拰寮瑰嚭鍙敹缂╁箍鍛婂浘 ( https://www.eastmoney.com )
宸叉壘鍒版牱寮忎唬鐮佷絾涓嶇煡閬撴斁鍦ㄨ鍧涢偅涓枃浠朵笂鍙互鍋氬嚭杩欐牱鏁堟灉锛岃鏁欏悇浣嶅ぇ渚
<style type="text/css">
.baokuang{height:800px;width:100%;background:url(//g1.dfcfw.com/g4/202106/20210623175012.png) repeat-x 0 0 #FFF;}
.baokuang .bkImg,.baokuang .bkImg .cImgDiv {background:url(//g1.dfcfw.com/g4/202106/20210623182133.png) no-repeat center top;}
.baokuang .bkImg {width:100%; height:800px;margin:0 auto;}
.baokuang .bkImg .cImgDiv{width:1000px; height:40px; margin:0 auto; position:relative;}
.baokuang .bkImg .clickMap { display:block; height:40px; width:100%; text-indent:-100em; overflow:hidden;}
.baokuang .bkImg .close{background:url(//g1.dfcfw.com/g4/202106/20210623120249.png) no-repeat;width:44px; height:18px;cursor:pointer; position:absolute; right:0px; bottom:20px; text-indent:-100em; overflow:hidden;}
.pageCont { background:#FFF; height:0; overflow:hidden; margin-top:-760px;}
.top-advert{margin-top:0; padding-top: 0;}
.emfloat_wrapper{margin-top:30px;}
</style>
</head>
<body>
<div id="baokuangBox" class="baokuang">
<div class="bkImg">
<div class="cImgDiv">
<a class="clickMap" >聽</a>
<span class="close">鍏抽棴</span>
</div>
</div>
</div>
<div id="pageCont" class="pageCont"></div>
宸叉壘鍒版牱寮忎唬鐮佷絾涓嶇煡閬撴斁鍦ㄨ鍧涢偅涓枃浠朵笂鍙互鍋氬嚭杩欐牱鏁堟灉锛岃鏁欏悇浣嶅ぇ渚
<style type="text/css">
.baokuang{height:800px;width:100%;background:url(//g1.dfcfw.com/g4/202106/20210623175012.png) repeat-x 0 0 #FFF;}
.baokuang .bkImg,.baokuang .bkImg .cImgDiv {background:url(//g1.dfcfw.com/g4/202106/20210623182133.png) no-repeat center top;}
.baokuang .bkImg {width:100%; height:800px;margin:0 auto;}
.baokuang .bkImg .cImgDiv{width:1000px; height:40px; margin:0 auto; position:relative;}
.baokuang .bkImg .clickMap { display:block; height:40px; width:100%; text-indent:-100em; overflow:hidden;}
.baokuang .bkImg .close{background:url(//g1.dfcfw.com/g4/202106/20210623120249.png) no-repeat;width:44px; height:18px;cursor:pointer; position:absolute; right:0px; bottom:20px; text-indent:-100em; overflow:hidden;}
.pageCont { background:#FFF; height:0; overflow:hidden; margin-top:-760px;}
.top-advert{margin-top:0; padding-top: 0;}
.emfloat_wrapper{margin-top:30px;}
</style>
</head>
<body>
<div id="baokuangBox" class="baokuang">
<div class="bkImg">
<div class="cImgDiv">
<a class="clickMap" >聽</a>
<span class="close">鍏抽棴</span>
</div>
</div>
</div>
<div id="pageCont" class="pageCont"></div>