遇到一个Opera下的over-flow问题,暂时解决,但是方法不理想。
2011-07-08 15:38
453 查看
最近在写代码的时候,遇到一个及其诡异的问题,当设置body的over-flow:auto,html的over-flow:hidden时, 在IE,FF,Chrome和Safari中浏览正常,如下图
![](http://pic002.cnblogs.com/images/2011/82716/2011070815202560.png)
但是在Opera中,滚动条桌面都不出来,只有开启Dragonfly时,滚动条才会出现,或者将body的over-flow也设置为auto后,才正常显示。
可是如果将body的over-flow也设置为auto,ff和safari就会出现双滚动条的情况,更让人郁闷。
最后只能通过Opera的CSS Hack来将body的over-flow设置为auto,代码如下:
body{ overflow:hidden; }/*Opera 专属*/@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ body { overflow:auto; }}
但是觉得这种hack方式不好, 不知道是否还有其他方法可以解决?
![](http://pic002.cnblogs.com/images/2011/82716/2011070815202560.png)
但是在Opera中,滚动条桌面都不出来,只有开启Dragonfly时,滚动条才会出现,或者将body的over-flow也设置为auto后,才正常显示。
可是如果将body的over-flow也设置为auto,ff和safari就会出现双滚动条的情况,更让人郁闷。
最后只能通过Opera的CSS Hack来将body的over-flow设置为auto,代码如下:
body{ overflow:hidden; }/*Opera 专属*/@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ body { overflow:auto; }}
但是觉得这种hack方式不好, 不知道是否还有其他方法可以解决?
相关文章推荐
- Android环境下接收系统灭屏广播遇到延时问题的一个解决方法
- (超好)xp系统遇到问题解决方法总结(提供了一个解决问题库)
- 遇到一个特别傻的问题。。。用charles抓包抓不到https的解决方法
- Tensorflow and deep learning, without a PhD实现过程中遇到的问题及解决方法
- 【技术文档】开发一个人力资源管理系统遇到的问题及解决的方法
- 在tp3.2.3中使用 FormData 对象实现表单的文件上传功能遇到的一个问题及解决方法
- 最近编译qtopia4.4.3遇到的一个问题及解决方法
- 一个新手学习python的过程中遇到的一些问题及解决方法
- JavaApplet遇到的一个问题及解决方法
- 今天遇到的一个问题及解决方法
- sscanf 函数遇到的一个小问题及其解决方法
- 在部署Web工程时遇到的一个小问题,及解决方法
- 使用session时候,遇到的一个问题(请求解决方法)
- Virtual PC遇到缓慢问题的一个解决方法
- 【技术文档】开发一个人力资源管理系统遇到的问题及解决的方法
- 安全狗导致IIS Worker Process 遇到了一个问题和错误模块 ntdll.dll的解决方法
- 学习css中遇到一个问题及解决方法
- Rails开始遇到的一个端口占用问题的解决方法
- 最近做了一个iOS小应用,记录下遇到的问题以及解决方法
- 遇到的一个SCOM怪问题,虽然解决但是不知道为什么