固定位置浮动，该死的IE6

最新推荐文章于 2025-12-01 22:54:44 发布
原创 最新推荐文章于 2025-12-01 22:54:44 发布 · 460 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #html

本文介绍了一段关于CSS样式的具体实现细节，包括通用选择器、定位方式等，并针对不同浏览器的兼容性问题提供了相应的解决方案。

<style type="text/css">

* { margin:0; padding:0;font-size:12px;}

body{height:100%;_overflow-y:auto;}

#floatTool{ width:75px;text-align:center;border:1px solid #ccc;background:#f3f3f3;position:fixed;_position:absolute;right:10px;_right:27px;top:91px;padding:3px;}

</style>

<!--[if lte IE 6]><style type="text/css">html { overflow-x:auto; overflow-y:auto;}</style><![endif]-->

jquery任意位置浮动固定层插件用法实例
10-24
如果检测到是IE6版本，则执行特定的逻辑以确保浮动层可以正确地在IE6上固定。文件中还提到了获取窗口宽度和高度的方法，这在确定浮动层位置时是必要的，因为浮动层的位置往往是相对于视窗来计算的。 插件的内部实现...
固定位置显示弹出层(兼容IE6,IE8,FF)
09-25
在网页设计中，有时我们需要创建一个弹出层（也称为浮动层或对话框），它能够固定在屏幕的特定位置，无论用户滚动页面如何，始终保持可见。这个任务在不同的浏览器之间可能会有不同的实现方式，特别是对于一些较旧的...
【转】该死的ie6出现重影
weixin_30466039的博客
03-03 100
IE6中“重影”BUG的解决方法作者：佚名 来源：蓝色理想 查看：332 次在做DIV时会碰到文字自动重复的现象，一系列元素的下端的文字会重复出现。这种现象只会在IE6中出现，在IE7和火狐中没有此现象。问题原因以及解决方法：原因：是注释造成的文字溢出，而且只有IE6才有这个BUG，而溢出文字的字数=注释的条数*2-1。BUG与注释文字的位置、区块的浮动以及文字区块的固定宽度都有...
关于CSS深入理解float浮动，float且用且珍惜
水果烫瓜皮的博客
03-03 336
今天很高兴为大家分享一下，关于深入理解float的那些二三事~ 首先关于float浮动的问题，大家还是要知道一点点它的历史，这对之后深入理解float很重要。 其实当初写float出来的人，他的本意到底是什么？ 其实float的设计初衷就仅仅只是，完全的实现一种文字环绕的效果而已，具体如下图所示~ 大家都知道浮动是具有破坏性，会让父元素高度塔下崩塌，看着也是挺惨的。所以又要提到最开始说...
Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
CodeLand
11-29 935
原文：Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs 翻译：http://www.lizhenwen.com/w3c/727(老谭对译文进行了补充) 对IE6最好的策略就是不去兼容它。 好吧，我知道你的难处，你不得不去兼容IE6这个狗血的浏览器，因此不得不在兼容IE6上花费很多时间。对此，我颇有同感，让
浮动布局-基于display:inline-block的列表布局
budaoweng0609的博客
01-22 300
原文地址：http://www.zhangxinxu.com/wordpress/2010/11/%E6%8B%9C%E6%8B%9C%E4%BA%86%E6%B5%AE%E5%8A%A8%E5%B8%83%E5%B1%80-%E5%9F%BA%E4%BA%8Edisplayinline-block%E7%9A%84%E5%88%97%E8%A1%A8%E5%B8%83%E5%B1%80/
IE、FF、Safari、OP不同浏览器兼容报告
zhu_yanjie的专栏
09-02 2321
1         浏览器内核简介   Trident IE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是IE) Geckos FireFox Presto Opera Webkit Safari、Chrome   浏览器最重要或者说核心的部分
拜拜了,浮动布局-基于display:inline-block的列表布局
10-21 227
 一、一抹前言 没有爱的日子，时间如指尖细沙，不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前，然而相隔差不多有一年之久了。文章最后留下了“浮动布局更好的替代方案是什么？”后文再介绍的预告。 由于自己肚子中的货物不足以撑起一篇足够质量的文章，所以关于“浮动布局更好的替代方...
浮动布局 VS 基于display:inline-block的列表布局
逸少
07-14 617
一、一抹前言 没有爱的日子，时间如指尖细沙，不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前，然而相隔差不多有一年之久了。文章最后留下了“浮动布局更好的替代方案是什么？”后文再介绍的预告。 由于自己肚子中的货物不足以撑起一篇足够质量的文章，所以关于“浮动布局更好的替代方案是什么？”的文章
拜拜了,浮动布局-基于display:inline-block的列表布局——张鑫旭
weixin_30830327的博客
08-22 191
一、一抹前言 没有爱的日子，时间如指尖细沙，不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前，然而相隔差不多有一年之久了。文章最后留下了“浮动布局更好的替代方案是什么？”后文再介绍的预告。 由于自己肚子中的货物不足以撑起一篇足够质量的文章，所以关于“浮动布局更好的替代方案是什么？”的文章一...
jquery 插件 任意位置浮动固定层
10-30
基于提供的文件内容，以下是对“jquery 插件 任意位置浮动固定层”知识点的详细解读： ### 插件功能与适用场景 该插件允许网页开发者在使用jQuery的环境下，将网页中的某个HTML元素（如div）浮动到用户指定的位置。...
IE6浮动换行bug比较实用简单解决方法
09-25
在某些布局安排下，比如左侧浮动元素（left）、中间无浮动内容、右侧浮动元素（right）的排列时，IE6浏览器可能不会正确处理这些元素的位置，导致中间元素显示到下方或者出现布局上的混乱。这是一个典型的表现为...
IE6和IE7中行内元素后的浮动元素被折行的问题解决
09-27
在IE6和IE7浏览器中，存在一个特定的布局问题，即行内元素后面的浮动元素可能会被强制折行。这个问题通常出现在这样的场景中：一个行内元素（如文本链接）后面紧跟着一个浮动元素（如日期标签），在标准浏览器中，这...
html css js网页制作成品——娃娃html+css+js 4页附源码
卡拉米
12-01 42
本文介绍了一个关于中国篆刻艺术的静态网站设计与实现方案。网站采用HTML5+CSS3技术构建，包含首页、关于篆刻、作品展示、历史渊源和联系我们等页面模块。文章详细说明了网站布局结构、程序语言选择、素材处理方法以及文件组织方式，并提供了核心HTML代码示例。网站设计兼容主流浏览器，适合修改为各类主题展示网站。作者还分享了编程学习建议，推荐初学者通过刷题巩固基础，并提供了获取更多前端开发资源的渠道。该网站可作为大学生毕业设计或期末作业的参考模板。
【JavaWeb】HTML专业词汇
最新发布
qq_43494013的博客
12-01 68
【JavaWeb】HTML专业词汇
【HTML Living Standard 01】HTML基础概述
风高秋月白，雨霁晚霞红
12-01 582
HTML-01 基础概念相关。
SpringBoot3+Springdoc：v3api-docs可以访问，html无法访问的解决方法
2509_94229935的博客
12-01 177
pom.xml引用如下（springdoc相关的只有这一个，理论上说，要跑springdoc或者叫它swagger3，除了springboot，加这个就可以了，不需要任何配置类配置、application.properties/yaml配置！spring配置类里配一下swagger-ui的资源路径，然后访问/swagger-ui/index.html就好了。访问(我配的端口是18080)：localhost:18080/swagger-ui/index.html。（当然，你跑通了之后需要自定义配置了再配）
脚本网页 推理游戏
2401_82519096的博客
12-01 169
单页面即玩。
html css js网页制作成品——鹿晗html+css+js 4页附源码
卡拉米
12-01 438
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
实现购物车浮动提示框：固定位置的JavaScript技巧
在Web开发中，实现一个在屏幕固定位置浮动的div，通常是为了向用户提供持续的反馈信息，比如购物车状态、消息提示、聊天窗口等。使用JavaScript来控制div的显示位置和行为，可以让界面更加友好和交互性更强。 ### ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值