網(wǎng)站建設(shè)之十個有效解決IE頁面顯示BUG方法
2010/7/22 14:49:54
網(wǎng)站建設(shè)之十個有效解決IE頁面顯示BUG方法
頁面顯示的BUG問題
解決辦法 相對位置和溢出隱藏 為父元素增加position:relative; PNG透明
img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);} :hover偽類
/* jQuery Script */
$('#list li').hover(
function () {
$(this).addClass('color');
},
function() {
$(this).removeClass('color');
}
);
/* CSS Style */
.color {
background-color:#f00;
}
/* HTML */
<ul id="list">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
雙倍邊距bug
div#content {
float:left;
width:200px;
margin-left:10px;
/* fix the double margin error */
display:inline;
} IE6 幽靈文本
使用<!—[IF !IE]>標(biāo)簽包圍注釋
移除注釋
在前浮動上增加樣式 {display:inline;}
在適當(dāng)?shù)母拥膁iv上使用負(fù)邊距
在原文本增加額外的 (比如10個空格) (hacky way)
Bicubic圖像縮放 img { -ms-interpolation-mode: bicubic; }
禁用IE默認(rèn)的垂直滾動條
使用overflow:auto,讓滾動條只在你需要時出現(xiàn)。
html {overflow: auto;}
IE的最小高度
selector {
min-height:500px;
height:auto !important;
height:500px;
}
盒模型Hack
或者你可以用CSS Hack來解決這個問題。所有標(biāo)準(zhǔn)兼容的瀏覽器都能讀取w\\idth:180px 除了IE5。
#content {
padding:10px;
border:1px solid;
width:200px;
w\\idth:180px;
}
IFrame透明背景
/* in the iframe element */
<iframe src="content.html" allowTransparency="true">
</iframe>
/* in the iframe docuement, in this case content.html */
body {
background-color:transparent;
}
更多網(wǎng)站建設(shè)知識:http://www.sjf2002.com/html/c316/
返回列表
返回首頁
主站蜘蛛池模板:
欧美日韩国产高清一区二区三区|
高清国产激情视频在线观看|
小仙女app2021版最新|
久久精品视频99精品视频150|
欧美高清老少配性啪啪|
动漫成年美女黄漫网站国产|
青青青国产在线|
国产真实伦视频在线观看|
a级毛片高清免费视频在线播放|
成年人午夜影院|
久久亚洲中文字幕精品一区
|
国产白嫩美女在线观看|
97国产在线视频|
女人下边被添全过视频|
免费视频成人片在线观看|
色综合小说久久综合图片|
国产成人a大片大片在线播放|
182在线播放|
国偷自产AV一区二区三区|
t66y最新地址|
巨胸流奶水视频www网站|
中文字幕精品一区二区2021年|
日韩AV无码一区二区三区不卡毛片
|
男女激烈试看120秒动态图|
又色又爽又黄的视频毛片|
色婷婷久久综合中文网站|
国产又粗又猛又大的视频|
久久精品老司机|
国产福利午夜波多野结衣|
18videosex性欧美69|
国产超碰人人模人人爽人人喊|
99在线观看精品免费99|
天天5g影院永久免费地址|
www.四虎影视|
好男人好资源影视在线4|
一级欧美一级日韩片|
成人午夜视频在线观看|
中文字幕一级片|
成年免费A级毛片免费看|
久久一本精品久久精品66|
日韩人妻无码一区二区三区|