`
cyfgod
  • 浏览: 65079 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

CSS: style.bottom属性在IE6中的问题

    博客分类:
  • Web
阅读更多
最近在WEB开发过程中,发现一个style的浏览器兼容问题。
本来我的目的,是需要将一个DIV组件置于页面的最底端,当然首先想到就是style.bottom的属性。
于是,我就在js代码中将style.bottom设为0px, 代码如下:this.__instance.style.bottom = "0px";

用IE7和FF2测试,一切OK。但用IE6进行测试时,奇怪的事情发生了,DIV竟然不是沉在最底端,而且偏移到下面去了。

这应该是IE6里的一个BUG,没办法。只好转变思路,bottom不行,哪就换top吧。这下总算好了。

在WEB开发中,这种问题真是层出不穷,WEB开发程序员命苦啊!!!!
这时候真是需要一个垄断的浏览器,一个统一的标准。
呵呵,有时候垄断也不是一无是处嘛!
分享到:
评论

相关推荐

    CSS解决滤镜黑圈问题

    总之,解决CSS滤镜在IE10以下浏览器产生黑圈问题的关键在于理解和利用这些浏览器的特有属性,结合条件注释、适当的容器布局和JavaScript检测,确保所有用户都能获得一致的视觉体验。通过不断测试和优化,我们可以...

    入门教程 CSS属性.pdf

    下面将详细介绍CSS中的几个关键背景属性。 **1.2 `background` - 综合背景属性** - **描述**: `background` 是一个综合性的属性,它允许开发者一次性设置多个背景相关的子属性。这对于简化代码、提高开发效率非常...

    多浏览器下IE6 IE7 firefox li 间距问题

    1. **解决IE5下`<li>`元素间距问题**:若`<li>`元素设置了固定宽度,则需在该元素的CSS定义中添加`vertical-align: bottom;`属性。 2. **宽度定义位置**:避免直接在`<ul>`元素中定义宽度,最好在`<li>`元素或外部...

    CSS属性大全

    CSS 属性大全是指在 HTML 中使用的 CSS 属性的详细介绍,用于网页的各种元素的格式设置。本文将详细介绍 CSS 属性的六大类:背景、类型、区块、边框、列表和表格等。 背景属性 背景属性共有六项: 1. 背景颜色...

    CSS_Hack速查表

    在网页设计领域,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括SVG、XHTML等)文档中元素外观、布局和结构的语言。CSS Hack是针对不同浏览器的兼容性问题而采取的一种技巧,因为不同的浏览器对CSS的...

    CSS样式大全.docx

    本篇文章将全面解析CSS中的字体属性、背景属性、区块属性、方框属性、列表属性、定位属性、符号属性、连接属性、框线样式、表单运用、边界样式以及IE兼容性问题,旨在提供一个详尽的CSS样式参考。 一、字体属性 1....

    css+div 在IE中兼容

    在探讨“css+div在IE中兼容”的问题时,我们面临着一个历史遗留下来的挑战:Internet Explorer(以下简称IE)浏览器由于其版本迭代过程中对CSS支持的不一致性,导致在开发基于CSS布局的网站时,需要特别注意跨浏览器...

    CSS代码规范.docx

    6. **CSS优先级**:了解选择器的优先级是非常重要的,内联样式(style元素中的)拥有最高优先级,其次是`@import`导入的样式,然后是`<link>`元素引入的样式表。 7. **浏览器前缀**:当使用Vendor-specific前缀时,...

    CSS的下拉菜单,支持IE6 IE7 Firefox

    - 在IE6中,使用了`<table>`元素作为嵌套容器,以解决某些布局问题。 - 在IE7中,则直接使用了正常的HTML结构。 #### 总结 本文介绍了一个兼容IE6、IE7及Firefox浏览器的纯CSS下拉菜单实现方案。通过合理的CSS...

    DIV+CSS IE圆角

    在CSS3中,`border-radius`属性是实现圆角的关键,它可以为元素的四个角落设置不同的圆角半径。例如: ```css .box { border-radius: 10px; } ``` 上述代码会为`.box`类的元素创建一个10像素的圆角。但在不支持CSS3...

    HTML 纯CSS浮窗兼容IE6+

    本文将深入探讨如何使用CSS解决这一挑战,创建一个在所有主流浏览器(包括IE6)上都能正常工作的浮窗组件。 首先,浮窗(通常称为弹出窗口或浮动层)是一种常见的网页元素,用于显示额外信息、广告、提示或交互式...

    CSS种针对浏览器兼容问题的解决方法

    <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]--> ``` #### 2. 实际宽度计算的差异 在计算元素的实际宽度时,IE 和 Opera 使用的公式是 `(margin-left) + width + (margin-right)`,而 ...

    CSS盒子模型.rar

    在CSS中,可以通过`box-sizing`属性来改变盒子模型的计算方式。默认的`content-box`模式遵循上述计算方式,而`border-box`模式则将边框和内边距包含在设定的宽度和高度之内。 **三、盒子模型的CSS控制** 1. **内容...

    margin值在IE6变成双倍

    标题中的“margin值在IE6变成双倍”指的是在Internet Explorer 6(简称IE6)浏览器中,当设置元素的外边距(margin)时,可能会遇到一个知名的兼容性问题,即所谓的“双边距问题”(Double Margin Bug)。这个问题主要...

    css入门笔记

    独立于任何网页位置处,声明一个样式文件(.css为后缀),在文件中声明样式,在使用的网页中引入.css文件。 使用步骤: 1.创建样式表文件(.css) 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 &lt...

    IE下显示圆角实例代码

    在IE浏览器中实现圆角效果是一项挑战,因为早期版本的IE并不支持CSS3中的`border-radius`属性。然而,通过一些技巧和特定的IE滤镜(Filter)可以达到类似的效果。下面将详细介绍如何在IE下实现圆角效果,并提供相关...

    css-dock-menu.rar_dock menu_主界面css

    在Web开发领域,CSS(Cascading Style Sheets)是一种用于定义HTML或XML(包括SVG、XHTML等)文档中元素呈现方式的样式表语言。在这个名为"css-dock-menu.rar_dock menu_主界面css"的压缩包中,我们关注的重点是创建...

    jQuery实现实用的动态信息提示框tips效果可用在超级链接或图片上.zip

    特别是老版本的IE浏览器,可能需要使用jQuery的`.attr()`方法代替`.data()`,因为`.data()`在IE8及更早版本中对数据属性的支持有限。 综上所述,通过结合HTML、CSS和jQuery,我们可以轻松地为网页中的超链接和图片...

    淘宝大图轮播

    淘宝旺铺大图轮播代码<style type="text/css"> .img_warp {width:318px; _height:199px; _overflow:hidden; border:1px solid #ccc;padding:0px;margin-left:0px; margin-top:0px; position:absolute;top:0px; left...

Global site tag (gtag.js) - Google Analytics