几个 div+css web前端面试题

3 篇文章 0 订阅
2 篇文章 0 订阅
1.超链接访问过后hover样式就不出现的问题?
被点击访问过后的链接已经不在具有hover和active了,解决的方案是在样式中css属性的顺序:L-V-H-A

2.IE6的双倍边距BUG

浮动后本来应该是左浮动为10px;但是IE去解析为左浮动20px;解决的方案是加上display:inline;


3.为什么FF下文本无法撑开容器的高度?
标准浏览器中固定高度值的窗口不会像IE6里那样被撑开,如果我们想在标准浏览器中也实现这个效果,

解决方案是:去掉height:20px;添加min-height:20px;


4.为什么web标准中IE无法设置滚动条颜色了?
原样式:
<style type="text/css">
body{
   scrollbar-face-color:#f6f6f6;
   scrollbar-heightlight-color:#fff;
   scrollbar-shadow-color:#eeeeee;
   scrollbar-3dlight-color:#eeeeee;
   scrollbar-arrow-color:#000;
   scrollbar-track-color:#fff;
   scrollbar-darkshadow-color:#fff;
}
</style>

可以把body标签换成html。


5.为什么无法定义1px左右高度的容器?
IE6下这个问题是由于默认行高造成的,解决方案是:添加overflow:hidden;


6.怎么样才能让层显示在FLASH之上呢?

解决方案:设计floah透明
<param name="wmode" value="transparent"/>


7.怎样使一个层垂直居中于浏览器中?

<style type="text/css">
    div{
    position:absolute;
    top:50%;
    left:50%;
    width:200px;
    height:200px;
    border:1px solid #000;
    background:#ff0;
    margin-left:-100px;
    margin-top:-100px;
    }
</style>

这里使用百分比绝对值,与外补丁负值的方法,负值的大小为其自身的宽度高度除以2.


8、firefox嵌套div标签的居中问题的解决方法
假如有以下情况:
<div id="a">
    <div id="b"></div>
</div>
要实现b在a中间居中放置。
一般只需要设置a的text-align:center;这样IE就可以正常显示了,但是firefox中b却还是居左,可以设置
b{margin:0 auto;}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值