Web标准常见问题

前端笔记热度:171 ℃沙发还在哇!阅读模式

1、最常见的IE6双边距,一但元素出现float,且此元素给予了同方向margin,那么在IE6下会出现双边距BUG。

解决方法,给元素定义 display:inline;

2、IE6下为什么图片下方有空隙产生。

解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block
或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零,font-size:0

3、如何垂直居中文本
给容器设置一个与其高度相同的行高就可以了

4、如何对齐文本与文本输入筐
遇到此种问题,设置文本框的    vertical-align:middle 就可以了
5、为什么FF下文本无法撑开容器的高度
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px;  这里为了照顾不认识min-height的IE6 可以这样定义:
{
height:auto!important;
height:200px;
min-height:200px;
}

6、为什么web标准中IE无法设置滚动条颜色了
解决办法是将body换成html

7、为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

8、怎么样才能让层显示在FLASH之上呢
解决的办法是给FLASH设置透明<param name=”wmode” value=”transparent” />或者<param name=”wmode” value=”opaque” />

9、怎样使一个层垂直居中于浏览器中
这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二

10、LI元素在IE6中底部3像素的BUG

设置li的vertical-align,值可以为top ¦ text-top ¦ middle ¦ bottom ¦ text-bottom

11、IE6奇数宽高的bug

解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的

整理自蓝色理想,持续更新。

/*随风来,随风去*/

相关日志-小站地图为你展开

<<下一篇

快来吐槽吧

貼張圖 您还可以输入300个字

(鬼脸) (额) (难过) (闷骚) (钱哇) (鄙视) (蛋定) (睡觉) (看看) (生气) (猪头) (汗) (晕) (无语) (无法表达) (微笑) (得意) (开怀) (媚眼) (囧) (嘿嘿) (哼) (哭泣) (不说话)
奈何一个人随着年龄增长,梦想便不复轻盈;他开始用双手掂量生活,更看重果实而非花朵 X
欢迎光临, 主人暂时不在,一切由我来接待哟~~
N
返回顶部▲ | 想去底部 ▼ | 想评论 X