當前位置:編程學習大全網 - 源碼下載 - JS中如何讓彈出頁面居中且隨頁面的滾動而滾動?效果請參閱豆瓣。

JS中如何讓彈出頁面居中且隨頁面的滾動而滾動?效果請參閱豆瓣。

這個就是div屬性設置的問題。

主要設置如下:

overflow(溢出控制):visible(默認,可見)、auto(自動)、scroll(顯示滾動條);

width(寬度):數值;

height(高度):數值;

color(字體顏色):色彩代碼;

font-size(字體大小):數值;

line-height(行高):數值;

border(邊框):寬度、類型和顏色,類型主要支持以下幾種:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;

font-weight(字體粗細):normal、bold、bolder、lighter;

font-family(字體類型):Arial、Tahoma、Verdana、仿宋_GB2312、黑體、楷體_GB2312、隸書、宋體、幼圓;

background(背景顏色):色彩代碼;

scrollbar-base-color,scrollbar-face-color,scrollbar-track-color, scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color(滾動條各部分的顏色):色彩代碼;

filter:chroma(COLOR=轉換成透明的顏色)(chroma過濾器):色彩代碼,該顏色將轉換成透明效果;

word-break(斷字):normal(默認,正常斷字)、keep-all(嚴格不斷字)、break-all(嚴格斷字);

direction(文字方向):ltr(默認,從左向右)、rtl(從右向左)。

HTML中的Div分區屬性

基本屬性:width, height, left, top, background-color(當設置為transparent時表示透明)

2、定位屬性:position: absolute/relative

absolute時,位置固定;relative時,位置會隨著內容的實際情況進行浮動

3、顯示屬性:display: block/none

block為默認狀態,表示顯示;none為隱藏

4、優先屬性:z-index:n

n表示壹個整數(正負均可),有多個Div時n越大,則越靠前顯示;

z-index可以理解為z軸的坐標(x,y軸控制左右、上下方位,z軸控制層疊div的前後方位)

只有用絕對定位(position:absolute)時,屬性z-index才起作用;

未設置絕對定位(position:absolute)的div,其z-index永遠為0;

未設定優先屬性(z-index)的div,按照聲明的順序層疊,後聲明的蓋住先聲明的,如果有兩個Div屬於父子關系,則子div覆蓋父div;

5、透明屬性:opacity:0.3;(firefox專用);filter:alpha(opacity=30)(IE專用)

兩者壹起用的時候就將兩種主流瀏覽器都兼容了;上面例子是將Div的透明度設置為30%,可以看出兩者的設置稍有不同;Div的文本與背景色均能被透明化!

這些是div的屬性。

要用到width(寬度):數值;

height(高度):數值;

left, top,

position:absolute

  • 上一篇:Im源代碼開源
  • 下一篇:煤礦窄軌鐵路維修質量標準和檢查評定方法
  • copyright 2024編程學習大全網