`

滚动条在IE9以下是正常的写法

 
阅读更多 
//以下Ie9 正常    在火狐下正常
<div style="margin-top: 55px;width: 1050px;overflow: scroll;">
	<div style="width: 3800px">
</div>
</div>


//以下Ie9 下滚动 时会有问题    在火狐下正常
<div style="margin-top: 55px;width: 1050px;overflow-x: auto;">
	<div style="width: 3800px">
</div>
</div>
分享到：
| 如何给table顶端加水平滚动条
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    隐藏浏览器上的滚动条

    在大部分现代浏览器中，我们可以使用以下CSS代码来隐藏滚动条： ```css /* 针对整个网页隐藏滚动条 */ html { overflow: hidden; } /* 或者针对某个元素隐藏滚动条 */ .container { overflow: hidden; } ``` ...

    HTML在IE浏览器和FF浏览器中标签的使用

    - **鼠标坐标加上滚动条距离**：IE使用event.offsetX和event.offsetY，FF使用event.layerX和event.layerY。可以编写兼容代码获取通用坐标。 - **event.srcElement与event.target**：IE使用srcElement，FF使用...

    CSS浏览器兼容和IE中bug问题

    - **问题描述**：在IE中，`overflow: auto`可能导致滚动条显示异常。 - **解决方案**：可以尝试使用`overflow-y: auto`来替代`overflow: auto`，以避免水平滚动条的出现。 8. **`iframe`的透明度问题** - **问题...

    兼容IE6的网页最小最大宽度和最小最大高度css写法

    为了确保网页在IE6中的正常显示，并且能够控制页面元素的最小宽度、最大宽度、最小高度和最大高度，我们需要采用特定的CSS写法。这些写法通常是利用IE6特有的expression()函数来实现。 首先，我们来讨论如何为网页...

    Js常见面试题.pdf

    在IE7.0及以上版本中，两个具有边距的`div`之间由于`margin collapsing`现象，实际的间距将是两者中较大的一个，即15px。 9. 浮动元素的排列： 两个右浮动的`div`会并排显示，除非使用`clear`属性来阻止浮动。`...

    div+CSS 兼容小摘

    - **IE** 支持 `cursor: url()` 自定义光标样式文件和滚动条颜色风格；**Firefox** 对这两者均不支持。 #### 十二、Select 控件的问题 - **IE** 存在 Select 控件永远处于最上层的 bug，并且所有 CSS 对 Select ...

    JavaScript内部测试-笔试试题和答案.doc

    7. 在 HTML 中，DIV 默认样式下是不带滚动条的，若要使标签出现滚动条，需要为该标签定义（C．overflow:scroll;）样式。overflow 属性可以设置标签的溢出样式，overflow:scroll 可以使标签出现滚动条。 8. 阅读下面...

    让IE支持CSS3 Media Query实现响应式Web设计

    - `width:auto\9`：这是一种针对IE6/IE7/IE8/IE9/IE10的CSS hack，意思是如果浏览器是IE系列，则应用这条样式规则。 - `width:auto\0`：这是专门针对IE8/IE9/IE10的CSS hack。 - `width:auto\9\0`：这是专门针对IE9/...

    CSS教程 汇总让IE6崩溃的几种方法

    在CSS中设置`scrollbar-base-color`属性可以改变滚动条的颜色，但如果同时给table元素设置了绝对定位，并通过JavaScript改变其位置，可能会导致IE6崩溃。以下是一个示例： ```html html, body { scrollbar-base-...

    整理一些JavaScript的IE和火狐的兼容性注意事项

    通常使用`event.clientX`和`event.clientY`，它们在大多数情况下等效，尽管有细微差别，特别是在页面有滚动条时。 这些兼容性问题解决方案旨在确保JavaScript代码在不同浏览器中都能正确运行。在编写跨浏览器的...

    兼容任何浏览器的导航固定

    ` 同样是为了兼容老版本IE的写法，确保背景图像在这些浏览器中也能正常显示。 #### 结论 通过以上详细的分析，我们可以看到，实现一个兼容各种浏览器的导航固定功能并不复杂，但需要注意一些细节，尤其是对于老...

    前端vue.js

    - `offsetWidth`/`offsetHeight`: 元素的宽度/高度，包括边框和滚动条。 - `offsetLeft`/`offsetTop`: 元素相对于父元素的左/上偏移。 - `scrollLeft`/`scrollTop`: 元素滚动条的位置。 5. **鼠标事件位置属性**...

    前端开发的面试经

    - **计算滚动偏移量**：`document.documentElement.scrollTop`和`document.body.scrollTop`用于获取垂直滚动条的滚动距离。 - **调整坐标值**：根据浏览器模式（标准模式或Quirks模式）和浏览器类型（如IE6）进行...

    详解js几个绕不开的事件兼容写法

    不同的浏览器对于获取滚动条滚动距离、可视区域大小以及实际内容大小的方法有所不同。例如，IE和Chrome使用`document.body.scrollTop`，而Firefox则使用`document.documentElement.scrollTop`。为了兼容所有浏览器，...

    document.body.scrollTop 值总为0的解决方法 比较常见的标准问题

    在网页开发中，我们经常需要处理滚动条相关的事件，例如固定元素的位置或者根据滚动条位置进行某些动态效果。`document.body.scrollTop` 是一个常见的 JavaScript 属性，用于获取或设置 HTML 文档中 body 元素顶部到...

    JavaScript常用兼容语法

    以下是一些常见的JavaScript兼容性语法，旨在确保代码在各种浏览器上都能正常工作。 1. **获取CSS样式的兼容语法** 当需要获取一个元素的CSS样式时，不同浏览器有不同的方法。`currentStyle`属性在IE浏览器中使用...

    asp常用代码.doc

    4. **去除IE滚动条**： ``` ``` 这两种方法都可以隐藏页面的垂直滚动条。`scroll="no"`是HTML4的写法，`overflow-y:hidden`则是CSS的解决方案。 5. **打开广告窗口**： ``` &lt;!-- window.open('.XXXXXX....

    css静态滤镜 + A:Hover 效果第1/3页

    此段JavaScript代码定义了一个名为`chkScroll`的函数，用于处理滚动条的行为。尽管这段代码与本文讨论的主题——CSS静态滤镜和`:hover`效果关系不大，但其展示了网页开发中可能涉及的复杂交互逻辑。 #### 五、IE ...

    网页前端CSS书写规范

    2. **浏览器兼容性**：使用下划线命名的选择器在某些老旧浏览器（如IE6）中可能不起作用。 3. **区分JavaScript变量**：避免与JavaScript中的变量命名冲突，因为JS变量通常使用下划线作为分隔符。 #### 不要随意...

Magicbox
Global site tag (gtag.js) - Google Analytics