成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導(dǎo)航首頁(yè) ? 技術(shù)教程 ? Css瀏覽器兼容的解決方法
全站頭部文字 我要出現(xiàn)在這里
Css瀏覽器兼容的解決方法 625 2024-03-29   

一、網(wǎng)頁(yè)背景半透明
網(wǎng)頁(yè)背景半透明


opacity:0.8;
filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";IE6中CSS方法解決PNG圖片半透明問題:
#DIVname {
width: 300px;
height: 99px;
background: url('images/top.png') no-repeat top;
*background: none;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='http://www.gimoo.net/t/1409/template/flower/images/top.png');
}

二、清除浮動(dòng)

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
.clear{height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block;}
*html .clearfix{height:1%;}
.clearfix{display:block;}

三、浮動(dòng)IE6雙邊距
1、為浮動(dòng)元素使用display:inline;
2、IE6下3px間距bug:在IE6中,當(dāng)文本(或無(wú)浮動(dòng)元素)跟在一個(gè)浮動(dòng)的元素之后,文本和這個(gè)浮動(dòng)元素之間會(huì)多出3px的間隔,給浮動(dòng)層添加display:inline或設(shè)計(jì)-3px的間距來解決這個(gè)bug。
3像素間距bug
div+css中最小高度min-height
方法一:

#DIVname {
min-height:150px;
*height:auto!important;
_height:150px;
overflow:visible;
}

方法二:

#DIVname {
min-height:1000px;
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>1000?"1000px":"");
}

五、IE下z-index 的 bug
一般來講,ie對(duì)父級(jí)的要求比較高,如果父級(jí)有position屬性,但是沒有給z-index屬性,那默認(rèn)都是0,所以不論子集里面有多高的z-index屬性,都是沒用的。
所以一般情況下,需要給包含z-index屬性的父級(jí)一個(gè)z-index:1的屬性,這樣可以解決很多莫名其妙的問題。
六、IE6調(diào)整窗口大小的bug
當(dāng)把body居中放置,改變IE瀏覽器大小的時(shí)候,任何在body里面的相對(duì)定位元素就會(huì)固定不動(dòng)了,解決方法是給body定義position:relative;就行了。
七、文字大小和行高不兼容
同樣大小的相同字體,各瀏覽器下行高和大小不一樣,需要設(shè)定line-height。
八、mirror margin bug
在IE6下,當(dāng)外層元素內(nèi)有float元素時(shí),外層元素如定義margin-top:5px,將自動(dòng) 生成margin-bottom:5px,padding也會(huì)出現(xiàn)類似問題,解決方案:外層元素設(shè)定border或float。
九、img下的留白
在html里面有:
<div>
<img src=”" mce_src=”" />
</div><img …/>時(shí),會(huì)發(fā)現(xiàn)圖片底部不是緊貼著容器底部的,是img后面的空白字符造成,要消除必須這樣寫:
<div>
<img src=”" mce_src=”" /></div>后面兩個(gè)標(biāo)簽要緊挨著。IE7下這個(gè)bug依然存在,解決方案:display:block。
十、圖片和文字同行
大家知道img 的align 有 text-top,middle,absmiddle啊什么的,你可以嘗試去調(diào)整img 和文字讓他們?cè)趇e和ff下能一致,你會(huì)發(fā)現(xiàn)怎么調(diào)都不會(huì)讓你滿意。索性讓img 和文字都 float起來,用margin 調(diào)整。
失去line-height。<div style=”line-height:20px”><img />文字</div>,很遺憾,在ie6下單行文字 line-height 效果消失了。。。,原因是<img />這個(gè)inline-block元素和inline元素寫在一起了。解決方案:讓img 和文字都 float起來。



主站蜘蛛池模板: 飞鸟里伊奈| 祖卡尔| 电影偿还| 徐若| 康瑞德家的男孩| 庞勇| 化学奥林匹克竞赛初赛试题| 355 电影| 水管十大品牌排行榜前十名 | 专治不开心| 五下数学第二单元思维导图| 李道新| 南来北往连续剧免费观看完整版| 金太阳教育试卷答案网| 女生裸体.| 李雪琴个人资料及简历| 玫瑰的故事剧照| 游泳池play高h| 怆然的读音| 包青天之白玉堂传奇| 同妻俱乐部| 世界轮廓图| 天国恩仇完整版电影| 花宵道中1| 老板5| 天堂在线中文视频| 陈英雄| 电视剧暗夜与黎明剧情介绍| 蒋锐| 抖音网页入口| cctv6电影节目表| 进击的巨人最终篇| 料音| 遥远的天熊山电影完整版在线观看| 日本大片ppt免费ppt视频| 任喜宝| 眼泪工匠| 拾贝的小女孩阅读理解答案| 尹馨演过的三部电影| 电影电车| 栀子花开电影|

!!!站長(zhǎng)長(zhǎng)期在線接!!!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長(zhǎng)微信:lxwl520520

站長(zhǎng)QQ:1737366103