程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> html-怎麼讓頁面背景透明 內容不透明

html-怎麼讓頁面背景透明 內容不透明

編輯:編程解疑
怎麼讓頁面背景透明 內容不透明

如題 怎麼寫 可以上頁面背景透明 背景上的內容不透明,而且當滾動條移動時 中間不透明的框框不動。提供一個思路即可。。感覺現在無從下手。圖片說明類似圖片這樣的

最佳回答:


lightbox而已,不透明的層fixed定位


<!doctype html>
<style>
    #lightbox{background:#000;filter:alpha(opacity=60);opacity:.5;width:100%;height:100%;left:0;top:0;position:fixed}
    #layer{position:fixed;background:#fff;left:50%;top:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px}
</style>
<div id="lightbox"></div>
<div id="layer"></div>
<div style="height:2000px"></div>
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved