css如何讓背景不能滾動
來源:易賢網 閱讀:1016 次 日期:2016-06-27 10:46:46
溫馨提示:易賢網小編為您整理了“css如何讓背景不能滾動”,方便廣大網友查閱!

最近學習點樣式表,以前有一位很歷害的css朋友給我這個代碼,看的挺不錯的,思想真棒!留個紀念!

<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >

<html xmlns=>

<head>

<meta http-equiv=content-type content=text/html; charset=gb2312 />

<title>無標題文檔</title>

<style type=text/css>

*{ margin:0; padding:0;}

html,body{ width:100%; height:100%; overflow:auto; position:relative;}

.container{ width:100%; height:100%; overflow:auto;}

.bg{ background:#000000;opacity:0.5; filter:alpha(opacity=50); position:absolute; z-index:1; overflow:auto; width:100%; height:100%; left:0; top:0;}

.box{ position:absolute; left:50%; top:50%; width:300px; z-index:11; height:300px; line-height:300px; color:#f60; font-weight:bold; font-size:20px;}

.info{ position:absolute; left:-50%; top:-50%; z-index:10; width:300px; height:300px; text-align:center; border:1px solid #f00; background:#fff;}

</style>

</head>

<body>

<div class=container>

<script type=text/javascript>

for(var i=0;i<150;i++){

document.write('<center>大力開發(fā)建設蝶戀蜂狂就愛上了開發(fā)簡單說了開發(fā)經理的薩克減肥啦可適當加分</center>');

}

</script>

</div>

<div class=bg></div>

<div class=box><div class=info>我就不動</div></div>

</body>

</html>

更多信息請查看網頁制作
易賢網手機網站地址:css如何讓背景不能滾動

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網