css 定位 (position) 屬性允許你對元素進行定位。
static
預設。位置設定為 static 的元素，它始終會處於頁面流給予的位置（static 元素會忽略任何 top、bottom、left 或 right 宣告）。
relative位置被設定為 relative 的元素，可將其移至相對於其正常位置的地方，因此 「left:20」 會將元素移至元素正常位置左邊 20 個畫素的位置。
absolute位置設定為 absolute 的元素，可定位於相對於包含它的元素的指定座標。此元素的位置可通過 「left」、「top」、「right」 以及 「bottom」 屬性來規定。
fixed位置被設定為 fixed 的元素，可定位於相對於瀏覽器視窗的指定座標。此元素的位置可通過 「left」、「top」、「right」 以及"bottom" 屬性來規定。不論視窗滾動與否，元素都會留在那個位置。工作於 ie7（strict 模式）。
1.父級元素沒有定位的前提下，會相對於瀏覽器頁面定位
2.假設父級元素存在定位，會根據父級元素進行指定偏移,不能超脫父級元素
#father
#second
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
body
div#father
#first
#second
#third
style
>
head
>
>
"father"
>
"first"
>
第乙個盒子div
>
"second"
>
第二個盒子div
>
"third"
>
第三個盒子div
>
div>
body
>
html
>
不論視窗滾動與否，元素都會留在那個位置
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
>
body
div:nth-of-type(1)
div:nth-of-type(2)
style
>
head
>
>
>
div1div
>
>
div2div
>
body
>
html
>
z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面
該屬性設定乙個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。
z-index 僅能在定位元素上奏效（例如 position:absolute;）
>
>
type
="text/css"
>
img.x
style
>
head
>
>
>
這是乙個標題h1
預設的 z-index 是 0。z-index -1 擁有更低的優先順序。p
>
body
>
html
>
設定 div 元素的不透明級別
規定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。
div
<
!doctype html>
function
changeopacity
(x)else
}<
/script>
<
/head>
"p1"
>請從下面的例子中選擇乙個值，以改變此元素的不透明度。<
/p>
"changeopacity(this);" size=
"5">
>
0>
0.2>
0.5>
0.8"selected"
/>
1<
/select>
<
/body>
<
/html>
浮動 定位 溢位 z index 透明度了解
浮動之頁面布局 行內行外一行顯示 display inline block 不推薦使用 左右浮動 實際應用 浮動的負面影響 浮動帶來的負面影響 會造成父標籤塌陷 解決浮動的負面影響 1.再寫乙個div撐場面 不可取 3.通過解決策略 推薦使用 只要父標籤塌陷了就使用 通過解決策略 clearfix ...
css 設定透明度
要設定某一元素的背景為透明，在 chrome firefox opera 下是這樣的 css background color rgba 0,0,0,0.4 rgba 中的最後乙個引數 0.4 就是想要的透明度，範圍在0 1之間。在 ie 中一般是這樣的 css background color r...
CSS 透明度屬性
firefox3.5已不支援私有屬性 moz opacity了，在mozilla 1.7 firefox 0.9 之前ff都是使用這個私有屬性的，firefox 0.9 firefox3同時支援 moz opacity和opacity這兩個屬性，firefox公升級到3.5之後，一些 原來有的透明沒...