网页制作常见的面试题(怎样兼容IE6/IE7/火狐浏览器)
1、IE6双边距问题?
在IE6的浏览器中明明设置的是10px的margin却为什么显示的是20px的margin其实这个Ie6的一个双边距BUG
例如:
因为加上浮动后就会多出一倍的边距,浮动后本来外边距10px,但IE6会解析成20px,只需要在div的样式里加上display:inline;就可以解决以上问题。
2、为什么中火狐浏览器下文本无法撑开容器的高度?
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px;这里为了照顾不认识min-height的 IE6可以这样定义:
div{height:auto!important;height:200px;min-height:200px;}
3、如何定义1px左右高度的容器?
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden|zoom:0.08|line- height:1px
4、为什么web标准中无法设置IE浏览器滚动条颜色了?
原来样式设置:
body{scrollbar-face-color:#f6f6f6;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#eeeeee;scrollbar-3dlight-color:#eeeeee;scrollbar-arrow-color:#000;scrollbar-track-color:#fff;scrollbar-darkshadow-color:#fff;}
解决办法是将body换成html
5、怎样使一个div层居中于浏览器中?
div{
position:absolute;
top:50%;
left:50%;
margin:-100px00-100px;
width:200px;
height:200px;
border:1pxsolidred;
}
这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二6、firefox浏览器中嵌套div标签的居中问题的解决方法
假定有如下情况:
如果要实现b在a中居中放置,一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常;但是在Firefox中b却会是居左的。
解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为:margin:0auto;。7、超链接点击过后hover样式就不出现的问题?
被点击访问过的'超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序:L-V-H-A (link-visited-hover-active)8、 下的留白,大家看这段代码有啥问题:
把div的border打开,你发现图片底部不是紧贴着容器底部的,是img后面的空白字符造成,要消除必须这样写
后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案:给img设定 display:block。
9、怎么样才能让flash透明显示在层上面之上呢?
wmode="transparent"quality="high" >
wmode="transparent"quality="high" >
宽和高一定要和层的一样
10、为什么FF下文本无法撑开容器的高度?
标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:
div { height:auto!important; height:200px; min-height:200px; }
11、IE6断头台问题
从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了从打火机发动机是分开了
链接1
链接2
链接3
链接4
#layout{width:400px; border:5px solid #d4ca25;}
#left{width:200px; float:left;border:5px solid #35bb0c;}
当网页打开的时候页面显示正常,但鼠标指向右面对象“链接3”以及“链接4”的时候,主对象#layout下面被切掉,剩下的高度刚好是4个链接的高度。当鼠标再回到“链接1”,左侧的高度又恢复,
解决方法:把四个链接用包起来,给#right{floatleft;}
<styletype=><styletype=></styletype=></styletype=>
相關文章
-
IE浏览器主页被篡改怎么办
本文目录环保宣传口号校园绿色环保宣传口号校园环保宣传口号1、与自然重建和谐,与地球重修旧好2、树立企业形象,协调人与自然3、环境保护,人人有责4、遵守法律法规,防治环境污染5、落实环境责任,完善环保制度6、加强环境宣 -
Win7系统浏览器的cookie怎么打开?
有用户反映在使用win7的时候经常会因为没有开启cookie功能而无法打开网页。浏览器的cookie功能被禁用了,如此将会影响网页的正常运行。下面就是小编分享的Win7系统浏览器的'cookie打开的方法,一起来看一下吧。Win7系统 -
设置IE浏览器选项卡主页的方法
说到修改IE浏览器的主页,相信大家在熟悉不过了吧!只要打开Inteet选项,然后在主页框中输入你想要的主页即可,也可以同时输入多个网址,这样开启IE浏览器的'时候就可以同时打开多个主页了。下面,小编为大家分享设置IE浏览器 -
Win10电脑Edge以外的浏览器上不了网的解决方法
现在越来越多的朋友使用Win10系统了,所以问题也就层出不穷了!最近一位用户升级到Win10系统后发现,只有Win10自带的Edge浏览器可以上网,自己下载的第三方浏览器都不能上网,这是怎么回事呢?一般来说,浏览器无法访问网络的`原 -
XP系统的IE浏览器怎么卸载?
方法/步骤1、点击电脑左下角的“开始”菜单,然后在弹出菜单中选择“控制面板”,打开控制面板程序;2、在打开的控制面板程序中选择“添加或删除程序”,并双击打开;3、双击“添加或删除程序”后,打开“添加或删除程序”工具,默 -
微软IE10浏览器常用键盘快捷键总结
键盘快捷键是两个或多个键的组合,这些组合键可用于执行通常需要鼠标或其他指针设备才能执行的任务。 可以使用 Inteet Explorer 键盘快捷键快速执行许多不同任务,或在不使用鼠标的情况下正常操作。 常见快捷键 显 -
ie浏览器在哪里--如何设置
导语:升级Windows 10操作系统已经有很长一段时间了,通过一段时间体验,很多网友并不太喜欢Win10内置的全新Spantan(斯巴达)浏览器,还是比较喜欢IE浏览器。下面将Win10打开IE浏览器方法分享出来,希望对于小白朋友们有所帮助 -
网站浏览器兼容性问题包括哪几个方面
浏览器日渐多了起来,现在的主流浏览器包括IE、火狐、谷歌、360、搜狗、傲游等等,由于各浏览器的技术和支持的标签不一样,所以我们在做网站的时候就要考虑浏览器的兼容性问题了,因为我们网站的用户有可能只用这样的浏览器 -
离职员工面谈记录表(中英文)Dismissal Interview
离职员工姓名: 谈话日期:Employee: Date :人力资源部面谈人员:HR Deprepresemtative:1、请问你为什么会申请离职?薪资问题是否是你这次离职的主要原因吗?Why are you leaving ? Was salary an issue?2、你认为公司提供给 -
ic layout design engineer 工资待遇怎么样?
如题,ic layout design engineer 在全国各地的工资待遇怎么样?哪里最需要这种人才?