久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 請教一個圖片效果問題：做如東方財富網首頁頂部建黨100... [打印本頁]

作者: oliver 時間: 2021-6-30 23:09
標題: 請教一個圖片效果問題：做如東方財富網首頁頂部建黨100...
請教一個圖片效果問題：做如東方財富網首頁頂部建黨100周年圖片效果和彈出可收縮廣告圖(  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>

作者: 耗子 時間: 2021-9-6 15:59
模板首頁文件

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)