性xxxx欧美老肥妇牲乱_久久综合久久久久88_综合婷婷亚洲小说_亚洲国产一区二区a毛片

設(shè)為首頁 加入收藏

手機版 鄭州清新教育-鄭州電腦設(shè)計培訓學校典范,專業(yè)課程包括:室內(nèi)家裝建筑裝飾設(shè)計培訓學習班,平面廣告網(wǎng)頁美工動漫設(shè)計培訓,淘寶開店美工運營推廣網(wǎng)站手機開發(fā)培訓等課程
鄭州清新教育電話

當前位置:首頁 > 網(wǎng)頁美工設(shè)計

網(wǎng)頁美工設(shè)計

DIV+CSS兼容性的解決方法大全

編輯: 時間:2015-09-09 16:58:28


2 css布局中的居中問題
主要的樣式定義如下:
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
說明:
首先在父級元素定義TEXT-ALIGN: center;這個的意思就是在父級元素內(nèi)的內(nèi)容居中;對于IE這樣設(shè)定就已經(jīng)可以了。
但在mozilla中不能居中。解決辦法就是在子元素定義時候設(shè)定時再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要說明的是,如果你想用這個方法使整個頁面要居中,建議不要套在一個DIV里,你可以依次拆出多個div,只要在每個拆出的div里定義MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。
3 盒模型不同解釋.
#box{
width:600px;
//for ie6.0- w\idth:500px;
//for ff+ie6.0
}
#box{
width:600px!important
//for ff
width:600px;
//for ff+ie6.0
width :500px;
//for ie6.0-
}
4 浮動ie產(chǎn)生的雙倍距離
#box{ float:left; width:100px; margin:0 0 0 100px; //這種情況之下IE會產(chǎn)生200px的距離 display:inline; //使浮動忽略}
這里細說一下block,inline兩個元素,Block元素的特點是:總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline元素的特點是:和其他元素在同一行上,…不可控制(內(nèi)嵌元素);
#box{ display:block; //可以為內(nèi)嵌元素模擬為塊元素 display:inline; //實現(xiàn)同一行排列的的效果 diplay:table;
5 IE與寬度和高度的問題
IE不認得min-這個定義,但實際上它把正常的width和height當作有min的情況來使。這樣問題就大了,如果只用寬度和高度,正常的瀏覽器里這兩個值就不會變,如果只用min-width和min-height的話,IE下面根本等于沒有設(shè)置寬度和高度。比如要設(shè)置背景圖片,這個寬度是比較重要的。要解決這個問題,可以這樣:
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
6 頁面的最小寬度
min-width是個非常方便的CSS命令,它可以指定元素最小也不能小于某個寬度,這樣就能保證排版一直正確。但IE不認得這個,而它實際上把 width當做最小寬度來使。為了讓這一命令在IE上也能用,可以把一個<div> 放到 <body> 標簽下,然后為div指定一個類:
然后CSS這樣設(shè)計:
#container{
min-width: 600px;
width:e-xpression(document.body.clientWidth < 600? “600px”: “auto” );
}
第一個min-width是正常的;但第2行的width使用了Javascript,這只有IE才認得,這也會讓你的HTML文檔不太正規(guī)。它實際上通過Javascript的判斷來實現(xiàn)最小寬度。
7 清除浮動
.兼容box{
display:table;
//將對象作為塊元素級的表格顯示
}
或者
.兼容box{
clear:both;
}
或者加入:after(偽對象),設(shè)置在對象后發(fā)生的內(nèi)容,通常和content配合使用,IE不支持此偽對象,非Ie 瀏覽器支持,所以并不影響到IE/WIN瀏覽器。這種的最麻煩的
……#box:after{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
8 DIV浮動IE文本產(chǎn)生3象素的bug
左邊對象浮動,右邊采用外補丁的左邊距來定位,右邊對象內(nèi)的文本會離左邊有3px的間距.
#box{
float:left;
width:800px;}
#left{
float:left;
width:50%;}
#right{
width:50%;
}
*html #left{
margin-right:-3px;
//這句是關(guān)鍵
}
HTML代碼
<DIV id=box>
<DIV id=left></DIV>
<DIV id=right></DIV>
</DIV>
9 屬性選擇器(這個不能算是兼容,是隱藏css的一個bug)
p[id]{}div[id]{}
p[id]{}div[id]{}
這個對于IE6.0和IE6.0以下的版本都隱藏,FF和OPera作用
屬性選擇器和子選擇器還是有區(qū)別的,子選擇器的范圍從形式來說縮小了,屬性選擇器的范圍比較大,如p[id]中,所有p標簽中有id的都是同樣式的.
10 IE捉迷藏的問題
當div應用復雜的時候每個欄中又有一些鏈接,DIV等這個時候容易發(fā)生捉迷藏的問題。
有些內(nèi)容顯示不出來,當鼠標選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。
解決辦法:對#layout使用line-height屬性或者給#layout使用固定高和寬。頁面結(jié)構(gòu)盡量簡單。
11 高度不適應
高度不適應是當內(nèi)層對象的高度發(fā)生變化時外層高度不能自動進行調(diào)節(jié),特別是當內(nèi)層對象使用
margin 或paddign 時。例:
<div id=”box”>
<p>p對象中的內(nèi)容</p>
</div>
CSS:
#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
解決方法:在P對象上下各加2個空的div對象CSS代碼:.1{height:0px;overflow:hidden;}或者為DIV加上border屬性。
屏蔽IE瀏覽器(也就是IE下不顯示)
*:lang(zh) select {font:12px !important;}
select:empty {font:12px !important;}
這里select是選擇符,根據(jù)情況更換。第二句是MAC上safari瀏覽器獨有的。
僅IE7識別
*+html {…}
當面臨需要只針對IE7做樣式的時候就可以采用這個兼容。
IE6及IE6以下識別
* html {…}
這個地方要特別注意很多地主都寫了是IE6的兼容其實IE5.x同樣可以識別這個兼容。其它瀏覽器不識別。
html >body select {……}

求學問答專業(yè)答復,快速響應
電話:0371-63218905
手機:13613841515
QQ:
有問題需要老師在線解答? 立即提問 馬上回復
更多 熱門課程排行榜
鄭州清新教育電腦學校

室內(nèi)家裝設(shè)計知識平面廣告設(shè)計知識網(wǎng)頁美工設(shè)計知識

模具機械設(shè)計知識電腦辦公文秘知識游戲動漫設(shè)計知識

鄭州清新教育電腦學校

清新教育新聞資訊清新教育報班選課清新教育就業(yè)服務

關(guān)于清新教育聯(lián)系清新教育清新教育乘車路線

關(guān)于我們 版權(quán)所有:鄭州清新教育(www.yy146.com)備案號:豫ICP備11011661號-1

主站蜘蛛池模板: 香港 | 施甸县| 北京市| 安多县| 阳原县| 惠水县| 辽宁省| 元氏县| 哈巴河县| 景德镇市| 凤凰县| 桦甸市| 桃江县| 简阳市| 长垣县| 盐津县| 磐石市| 泰顺县| 弋阳县| SHOW| 怀宁县| 金堂县| 丹东市| 汨罗市| 扎兰屯市| 平乐县| 琼海市| 明星| 平凉市| 江达县| 宜章县| 江口县| 广昌县| 常熟市| 宝山区| 迁西县| 安义县| 壶关县| 宾阳县| 尼勒克县| 金坛市|