一次ie6上的样式问题（内嵌和外链）

最新推荐文章于 2025-08-12 21:14:49 发布
最新推荐文章于 2025-08-12 21:14:49 发布
阅读量910 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： ie 浏览器 css c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/linlin_juejue/article/details/5290505
本文描述了一个在IE6浏览器中页面样式部分丢失的问题，并详细记录了排查过程，最终通过将CSS内联到<head>标签中解决了该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

大家好！

 

      昨天遇到一个问题，比较好奇。

 

      一个页面，在IE7和8及火狐下都正常显示，而在IE6下只有头部、尾部正常显示，中间的几个模块没有背景图片、布局、图片定义，也就是没有什么样式，我怀疑这部分的css根本没有加载上。但是奇怪的是别的浏览器版本怎么能够完全显示呢？

 

     排除一 ：我把页面的js都注释掉，结果ie6不动声色。

 

     排除二 ：标签没有封闭。我到w3c校验aspx页面代码，排除。

 

     排除三 ：css页面有问题。到w3c校验，没有问题。

 

     最后， 我试着把外链样式表的这几个模块的样式摘除来，单独写到页面的<head></head>部分，一看，ie6下正常了，同样别的浏览器依然都正常。呵呵，还是远亲不如近邻啊，在head定义还是更直接啊！

 

     目前还没有找到页面中引起这种问题的原因，哪位高手遇到过，给指点一下吧！

linlin_juejue
关注
12个HTML和CSS必须知道的重点难点问题
Lee的博客
05-19 8546
这12个问题，基本上就是HTML和CSS基础中的重点个难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人认为的，下面我们就来看看这12个知识点。1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; justify-content: cen...
前端学习＜四＞JavaScript基础——37-通过style对象获取和设置行内样式
——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
04-20 2091
在DOM当中，如果想设置样式，有两种形式：className（针对内嵌样式）style（针对行内样式）这篇文章，我们就来讲一下style。需要注意的是：style是一个对象，只能获取行内样式，不能获取内嵌的样式和外链的样式。例如：  <!DOCTYPE html>  <html lang="en">  <head>      <meta charset="UTF-8"
小扎扎学测试笔记打卡day4：选择器类型、html5新标签
m0_57290404的博客
04-22 342
小扎扎学测试笔记打卡day4：选择器类型、html5新标签一、优先级（权重对比）二、css的书写位置（css的引入方式）三、后代选择器四、并列、并集选择器五、引入方式（书写位置）权重对比六、高级权重对比七、了解边框属性八、盒子模型九、html5新标签十、ie浏览器版本十一、H5的概念 一、优先级（权重对比） 在给同一个标签设置样式的时候才有所谓的优先级权重对比； Id选择器 > 类选择器 > 标签选择器 100斤 10斤 1斤 二
h5网页嵌套安卓苹果APP内 微信内打开H5等 遇到的各种适配问题与解决方案汇总 --持续更新
Beatingworldline的博客
08-06 1717
在站外拉起APP 可以用UniversalLinks。在站外拉起APP 可以用scheme协议。微信内可以借用友盟封装uslink实现。微信内可以借用应用宝实现。
原生javascript获取元素样式
10-24
`ele.currentStyle`属性是IE浏览器特有的，它返回元素当前应用的最终CSS属性值，包括外链CSS文件和页面内嵌的`<style>`标签。`currentStyle`的使用方式和`ele.style`类似，但返回的是计算后的值。需要注意的是，`...
css 瀑布流布局
weixin_44286765的博客
08-08 307
【代码】css 瀑布流布局。
【CSS3】录音中。。。
weixin_43951592的博客
08-12 184
一些动画效果
HTML 与 CSS：从 “认识标签” 到 “美化页面” 的入门指南
2301_80543957的博客
08-08 979
HTML（HyperText Markup Language，超文本标记语言）是用于创建和描述网页的标准标记语言。他不是编程语言，而是通过标记标签来定义网页结构和内容的标记语言。method：表单数据的提交方式，常用的有post和get。span：行内元素，不会独占一行，常用来包裹小段文本。div：块级元素，会独占一行，常用来做页面大结构。textarea标签：多行文本输入框。链接与资源标签（链接外部标签）无语义标签：div&span。select标签：下拉菜单。标题标签：h1-h6。
现代 CSS工具
2401_84730123的博客
08-12 517
登录场景</a><a href="#">角色</a><a href="#">关于
CSS accent-color：一键定制表单元素的主题色，告别样式冗余
探索技术与生活
08-11 680
CSS新增的accent-color属性为前端开发提供了便捷的表单样式定制方案，可一键统一复选框、单选按钮、进度条等表单元素的强调色，无需复杂CSS代码。该属性解决了传统表单样式定制中的代码冗余、兼容性差和交互损耗问题，支持全局设置和局部控制，能与其他CSS属性灵活组合。通过实战案例展示了如何快速实现品牌色统一的表单页面，大幅提升开发效率与设计一致性。
【CSS 视觉】无需JS，纯 CSS 实现酷炫视觉效果（clip-path, filter, backdrop-filter）
2301_79858914的博客
08-12 669
《纯CSS实现高级视觉特效：clip-path、filter与backdrop-filter应用指南》 本文介绍了三种现代CSS技术，无需JavaScript即可实现专业级视觉效果。首先，clip-path突破了传统矩形限制，支持通过多边形坐标创建任意形状，并支持动画过渡。其次，filter属性提供多种内置滤镜功能，如灰度、模糊、饱和度调节等，可实现图片的动态效果处理。最后，backdrop-filter能创建毛玻璃等背景模糊效果，提升界面质感。文章通过具体代码示例展示了如何应用这些技术实现六边形卡片、图片
css之再谈浮动定位float（深入理解篇）
ScottePerk的博客
08-12 633
本文深入探讨了CSS中float属性的特殊行为及其存在的问题。作者指出float已成为"前端僵尸属性"，虽设计初衷是实现图文环绕，但在实际使用中会产生诸多不合逻辑的现象。通过三种典型情况分析，揭示了float"脱离文档流但仍影响布局"的特性，并提出"左浮占空间，右浮不占空间"的规律来解释这些现象。文章还探讨了高度坍塌问题及clear属性的解决方案，强调理解这些案例就能掌握float的核心机制。这些分析为后续理解BFC打下了基础。
前端css学习笔记1：css概述
鸢栀w的博客
08-10 1033
本文总结了CSS基础知识的要点，主要包括：1. CSS的三种引入方式（行内、内部、外部）及其优先级规则；2. CSS选择器的权重计算方法和优先级比较规则；3. 三大特性：层叠性、继承性和优先级；4. 样式的继承规则及默认样式的处理方法。文章强调外部样式表的优势，详细解析了选择器权重的计算方式(a,b,c)，并指出默认样式优先级高于继承样式，建议开发时首先重置默认样式。这些基础知识对前端开发者掌握CSS样式控制至关重要。
Web前端小游戏轮盘。
2302_81651427的博客
08-12 692
开始抽奖等待抽奖...
前端开发(HTML,CSS,VUE,JS)从入门到精通！第八天(Vue框架及其安装)(完结篇) 重点 ! ! !
2301_80002260的博客
08-09 1635
父组件接收到子组件传递过来的消息为：{{msg}}
【CSS 变量】让你的 CSS “活”起来：深入理解 CSS 自定义属性与主题切换
最新发布
2301_79858914的博客
08-12 724
CSS 变量：让样式“活”起来的动态解决方案 本文介绍了CSS自定义属性（CSS变量）的强大功能，它能有效解决传统CSS硬编码样式难维护的问题。通过--variable声明和var()函数使用，CSS变量具备三大核心优势： 作用域与层叠：变量遵循CSS层叠规则，可在不同选择器内覆盖，实现组件级样式控制 继承特性：子元素自动继承父元素变量值，通过修改父变量即可批量更新子元素样式 动态交互：可通过JavaScript实时读写变量，实现无需重载的主题切换（如暗黑模式） 相比预处理器变量，CSS变量在浏览器运行时仍
重学前端009 --- 响应式网页设计 CSS 伪选择器
不疯狂不成魔
08-11 784
CSS 伪选择器
Python Day28 HTML 与 CSS 核心知识点 及例题分析
ihghhfffv的博客
08-12 882
本文介绍了HTML5语义化标签、表单元素、多媒体标签和CSS基础应用。HTML5语义化标签(header、footer等)替代传统div布局，增强代码可读性；表单部分详解了form属性、输入控件和提交方式；多媒体标签展示了audio和video的基本用法；CSS部分涵盖三种引入方式、常用选择器和样式属性。文章包含多个代码实例，如注册/登录表单设计、文本样式设置等，并指出了常见优化点，为前端开发提供了实用参考。
Vue3 学习教程，从入门到精通，Vue 3 + Tailwind CSS 全面知识点与案例详解(31）
qq_45746668的博客
08-09 801
本文详细介绍了Vue 3和Tailwind CSS的核心知识点及综合应用。主要内容包括： Vue 3基础：项目创建、响应式数据（ref/reactive）、生命周期钩子、组件化和路由配置； Tailwind CSS集成：安装配置、实用工具类（布局/颜色/响应式设计）和自定义主题扩展； 综合案例：通过仪表盘页面演示了导航栏、卡片组件和交互动画的实现，结合Vue 3的响应式特性和Tailwind的原子化类名。 全文提供可复现代码片段，帮助开发者快速掌握现代前端技术栈的核心用法。
解决DIV+CSS在IE6、IE7、IE8浏览器兼容问题的技巧
"该文档主要探讨了在网页设计中使用DIV+CSS时遇到的与Internet Explorer（IE）6、7和8版本之间的兼容性问题，包括CSS的布局、浮动、边距、显示模式以及最小宽度和高度等方面的问题，并提供了一些解决策略。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值