DIV CSS網頁布局實用技巧

2022-08-04 09:39:16 字數 1363 閱讀 4826

1、最小高度

min-height:100px;    /*高度最小值設定為:100px*/

height:auto !important; /*相容ff,ie7也支援 !important標籤*/

height:100px; /*相容ie6*/

2、的意思:將ie8使用ie7進行渲染,使**在ie8上顯示正常

(x-ua-compatible是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,這個區別與content=」ie=7″在無論頁面是否包含指令,都像是使用了 windows internet explorer 7的標準模式。而content=」ie=emulateie7″模式遵循指令。對於多數**來說,它是首選的相容性模式。

目前ie8尚在測試版中,所以為了避免製作出的頁面在ie8下面出現錯誤,建議直接將ie8使用ie7進行渲染。也就是直接在頁面的header的meta標籤中加入如下**:(如:**網);

這樣我們才能使得頁面在ie8裡面表現正常!

3、相容ff與ie的透明度設定:

filter:alpha(opacity=50);

opacity:0.5;

4、使網頁變灰色,只需要一句 css **。使用 css 的濾鏡:

view plaincopy to clipboardprint?

html

html 或 view plaincopy to clipboardprint?

html

html 注:樣式加在 body 不能使 google adsense 等用 script 輸出的內容變灰,加在 html 上則可以。

5、去掉鏈結(包括鏈結)的虛線邊框

/* for ie */

a,area

/* for firefox */

:focus

6、左右結構,一邊固定另一邊自適應

a、左邊固定,右邊自適應

這裡是右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內這裡是

右邊的內容

這裡左邊部分

b、右邊固定,左邊自適應

這裡右邊部分

這裡是左邊的內容

7、背景與顏色背景同時起效技巧

background: url(bg.gif) no-repeat;

background-position: center 0px;

background-color: #cfe4a3;

div css 網頁布局

今天剛弄的,呵呵 設為首頁 加入收藏 12月活動 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 人之所以...

Linux 實用技巧

值得一提的是vim是慈善軟體 charityware 如有贊助或評比得獎,所得將全部救助烏干達孤兒,軟體使用是免費的,歡迎手頭有點閒錢的使用者捐款贊助,如果沒銀子也沒關係,至少當有評比活動時 有獎金可拿的那種 應用技巧一 快速注釋 1 連續行注釋 使用vim vi編輯shell指令碼,在進行除錯的時...

vim實用技巧

以前習慣於eclipse,sourceinsight,vim用的不是很熟悉,在現在的公司中,vim是一種必備的技巧,慢慢,從難受到得心應手,vim還是比較好用的,下面記錄一點實用的技巧 1 vim ctags cscope是乙個強大的比擬於sourceinsight的字元介面的工具 2 ctrl 跳...