css: 为什么position:fixed 在ie 7,8下也无效？

最新推荐文章于 2018-07-20 19:01:17 发布

a403543627

最新推荐文章于 2018-07-20 19:01:17 发布

阅读量1.8k

点赞数 1

分类专栏： HTML CSS fixed无效文章标签： css ie xhtml html

本文链接：https://blog.csdn.net/a403543627/article/details/6874214

版权

HTML 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

CSS

1 篇文章 0 订阅

订阅专栏

fixed无效

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

定义不标准。少了上面划的一段声明

说明了错误要重头找起。花了那么多时间我容易吗？

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a403543627

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

IE6下position fixed失效的解决方法(亲测有效)

12-13

在网上找了好久，终于找到一种亲测有效的解决方法。复制代码代码如下: <!–[if IE 6]> [removed] (function($) { jQuery.fn.Fixed = function(options) { var defaults = { x:0, y:0 }; var o = jQuery.extend(defaults, options); var isIe6 = !window.XMLHttpRequest; var html= $(‘html’); if (isIe6 && html.css(‘backgroundAtta

CSS表达式(expression)解决IE6 position:fixed无效问题

12-13

IE6 position:fixed bug</title> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;right:30px;top:120px} </style> <!–[if IE 6]>

参与评论您还未登录，请先登录后发表或查看评论

ie8 不支持 position:fixed 的简单解决办法

一羽的专栏

01-07

210

今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上就可以了，后来搜了搜，发现 HTML 4.0 Transitional 和 XHTML 1.0 Transitional 的布局确实有不少差异，可以参见这里： htt...

ie 9 position:fixed 无效的两种情况

weixin_30877755的博客

05-29

206

第一种情况：运行发现在Google Chrome,FireFox都可以的，但是在IE9就不行了很是郁闷，因为IE6以上的版本都是支持fixed的属性的；上网上找了好久没找到，因为不知道关键字该怎么搜，最后用最笨的方法，查看源码，一点点找最终发现以前被自己忽视的问题：HTML 里面的<!DOCTYPE>标签。后果断在头部加上<!DOCTYPE HTML>解决；项目赶...

[转]position:fixed; 在IE9下无效果的问题

weixin_34184158的博客

04-14

142

本文转自：http://www.cnblogs.com/xinwang/archive/2013/04/06/3002384.html 平常DIV+CSS布局时，position属性一般用absoulte|relative用到的比较多；昨晚在做到一个静态网页，在实现腾讯的空间头部的导航栏时用到position:fixed;属性---代码如下： 1 <html> 2 ...

解决IE6下position:fixed失效的方法

andybruse

09-27

782

E6浏览器不支持position:fixed，IE7/8/9、Firefox和chrome等浏览器都支持Fixed定位。如何解决这个问题呢？方法一：针对ie6写hack，其他的浏览器仍然用position:fixed属性。使用position:absolute绝对定位来解决。构造一个滚动条，这个滚动条是包含该文档内容的滚动条（它可以是body，也可以是某个div）。position:

IE7下当position:fixed遇到text-align:center的解决方法

09-25

在讨论解决IE7浏览器（或IE8的兼容模式）下，当position:fixed定位遇到外层容器使用text-align:center属性时出现的问题之前，需要了解几个关键的CSS知识点。首先，IE7及早期版本的IE浏览器对CSS的支持不完全，尤其...

js完美解决IE6不支持position:fixed的bug

10-24

`position:fixed`在其他现代浏览器中工作良好，但在IE6中则无效，导致开发者需要寻找替代方案。常见的解决方案是利用CSS Hack和JavaScript来模拟`position:fixed`的效果。在给出的代码示例中，首先使用了一种常见的...

IE6中position:fixed无效问题解决

weixin_33711647的博客

01-07

在做页面右下脚对话框时，直接使用position:fixed;大部分浏览器很容易就能做到，但是在IE6中却发现不行，原来是IE6不支持position:fixed;这个属性。虽然用JS肯定能解决这个问题，但是总觉得用JS来做布局的工作不是很好，网上找了下这个问题，发现可以直接用CSS方法解决，代码如下：代码如下复制代码 _position:absolute; _bottom:auto...

解决IE不支持position:fixed问题

hmonkey915的专栏

02-28

4073

页面上需要一个固定位置的块，不论页面怎么滚动，始终停在它的位置，比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position: fixed;可以直接用。IE确不支持，有没有好的办法解决评论 (1) • 分享 • 链接 • 2012-02-03 0 这个兼容性问题通常是采用JS+绝对定位方式处理 – xiaomi 2012-02-0

完美解决IE6浏览器下不兼容positionfixed固定定位问题.txt

04-04

决IE6浏览器下不兼容positionfixed固定定位问题

IE6浏览器不支持固定定位（position：fixed）解决方案

cherry_vicent的专栏

03-10

658

经过多次测试，原来不只在IE6下，在IE7、IE8浏览器下，若是文档使用的是怪异（quirk）模式也会导致这个问题。这也难怪，当IE7、8使用怪异模式时，渲染引擎将以接近IE6的渲染模式来解析CSS。最后，我得出了以下结论：　　 IE6、IE7（quirk模式）、IE8（quirk模式）浏览器将 'position' 特性的 fixed 值当作错误值处理。从而导致使用固定定位的元素使用 'p

完美解决CSS中position为fixed在IE6下无效的bug

xjinza的专栏

09-14

849

完美解决CSS中position为fixed在IE6下无效的bug 众所周知IE6不支持CSS属性position:fixed，这个CSS bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。如何让position:fixed在IE6中工作？第一种方法：纯CSS解决IE6的position：fixed的bug html { _bac

解决IE6下不支持position:fixed属性

回忆的夏天

07-12

893

先弱弱的问一句，市场上还有多少项目需要考虑兼容IE6的….. * 正常浏览器和IE7+浏览器显示如下： * IE6下显示结果：发现position:fixed属性失效，因为IE6是不支持这个属性的解决办法：在css样式里面加上下面这段代码: * html #menu {/*解决position：fixed不兼容问题*/ position: absolu...

CSS position:fixed for IE

大猫钓鱼=^.^=

08-08

1782

position:fixed; 是fixed的用法,配合overflow实现将一个元素固定定位到网页的一个位置上面Main CSShtml {background:#ccc;}body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow:auto; background:#ccc;}body {font-family:

IE8 不支持 position:fixed 的简单解决办法

xuanjiewu的专栏

09-28

5863

今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上：就可以了，后来搜了搜，发现 HTML 4.0 Transitional 和 XHTML 1.0 Transitional 的布局确实有不少差异，可以参见这里：

IE 6~8 position:fixed 不兼容解决方法

eno的博客

07-20

1934

IE8及以下版本对position: fixed 是不支持的所以当你需要页面需要用到固定定位，同时有要兼容IE时可以这样写固定定位先给其他浏览器写定位 .fixed{ position:fixed; /*固定在浏览器左上角*/ top:0; left: 0; width:100px; height:100px; ...

IE浏览器 position:fixed 问题

忽而今夏 qianxiaochi

11-24

4086

这个是我之前的解决办法： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 1title> *html{overflow:hidden;} *body{height:100%;overflow:auto;} body {margin:0

position:fixed在chrome浏览器中无效

艾瑞-Arin

01-08

1180

在项目制作过程中发现position:fixed突然无效，后发现是因为父级div使用了css3中的transform:translateZ(0)属性，导致webkit内核的浏览器使用transform:translateZ(0)属性时，position:fixed无效。