首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

好的CSS设计和IE/IE是否支持互斥?

好的CSS设计和IE/IE是否支持互斥?

这个问题涉及到了CSS(层叠样式表)和浏览器兼容性问题。CSS是一种用于控制网页布局和样式的语言,而浏览器兼容性问题是指不同浏览器对于CSS和HTML的解析和渲染方式不同,可能导致网页在不同浏览器中显示不一致的问题。

在这个问题中,“IE/IE”可能是指Internet Explorer浏览器,它是微软开发的一款浏览器,但是由于市场份额持续下降,微软已经停止了对Internet Explorer的更新和维护,并推出了新的浏览器Microsoft Edge。因此,如果您想要让您的CSS设计在各种浏览器中都能正常显示,那么需要考虑浏览器兼容性问题。

针对这个问题,有一些解决方案,例如使用CSS预处理器(如Sass、Less等)来编写CSS代码,这些预处理器可以使用变量、嵌套、函数等功能,提高代码的可读性和可维护性,同时也可以通过添加浏览器前缀(如-webkit-、-moz-、-ms-、-o-等)来解决浏览器兼容性问题。此外,还可以使用一些工具和库(如Autoprefixer、Normalize.css等)来自动处理CSS代码中的浏览器兼容性问题。

总之,好的CSS设计和IE/IE是否支持互斥是一个复杂的问题,需要考虑浏览器兼容性问题,并使用一些工具和技术来解决这些问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

IE6不支持min和max-heigt的解决办法

先来解决下min-heigt的bug,布局过的人都知道CSS的最小高度min-height是个很有用的属性,它可以让很短的内容也有一个很合适的高度,使页面显得美观。但很可惜IE6不支持这一属性。...我们可以用另外一种方法让IE6也有最小高度min-height属性的效果。 ? 众所周知,如果内容超过元素的高度,那么IE6是会自动增加元素的高度,即使你明确的定义了元素的高度。...我们可以利用IE6的这个bug来让IE6也有最小高度min-height属性的效果。具体代码如下: height:auto !...important的解释存在bug,所以它只识别height:500px这一句,超过500px后,IE6自身会增加盒子的高度; 2、IE7和其他标准浏览器三句都能识别,虽然定义height:500px,...(Function() {if($(this)[0].scrollHeight>500)$(this) CSS解决方法: .css({"height":"500px","overflow":"hidden

50020
  • 【Web前端】如何兼容性地开发响应式站点

    一、浏览器生态:了解你的网站用户 在设计和开发站点之前,了解目标用户所使用的浏览器是非常重要的。...因此,理解这些浏览器特性支持的差异,尤其是对于一些现代CSS特性,是开发过程中必须考量的因素。 二、CSS特性支持的现状 在设计CSS时,首先要检查你希望使用的特性在目标浏览器中的支持情况。...网格布局是一种强大的布局工具,但它在IE11和IE10中并不完全支持。...四、特性查询(Feature Queries) 特性查询是CSS中的一种机制,可以用来检测浏览器是否支持某些CSS特性,并根据结果应用不同的样式。...六、IE10和IE11的网格布局支持 IE10和IE11虽然提供了部分网格布局的支持,但需要使用特定的带前缀语法,如​​-ms-grid​​。

    7110

    (第一版)知识点

    Photoshop、FW(测量、剪裁、编辑) 2>语言(至少花95%的时间) 至少要学习: html css js这三种基本的语言 HTML 超文本标记语言 语言:和浏览器认识的语言...--我是html里面的注释--> /*我是css里面的注释*/ Photoshop相关的操作(切图、测量、对图片简单的处理) 首先下载ps软件 如何得到一张图片 1>设计师给的ps图片 2>印屏幕:...内嵌 1.可以在一行显示 2.不支持宽高,不支持上下的margin和padding等样式的问题 3.宽度由内容撑开 4.代码换行被解析 那如何判断他们是块状还是内联?...伪元素和伪类的区别: 与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作...[endif]--> 方式二 属性前缀法 *加在属性上 表示该属性只针对IE567生效(最常用的是这个 还有其他的) \9是支持ie10以及ie10以下 * +是支持ie7以及ie7以下 _是ie

    1K20

    web前端发展历程

    IE2在同年晚些时间发布,微软当时声称这是一个跨平台的浏览器,支持Window和Mac,IE2也加入了支持JavaScript的潮流中,它支持安全套接字层(SSL),Cookie和包括英语在内的12种语言...IE3正式捆绑在了Windows 95OSR2中,它是第一个支持CSS的主流浏览器,IE3摆脱了Spyglass源代码的局限,开始支持ActiveX控件,Java小程序,和Internet邮件。...11、2006年,IE7发布,IE6发布的第六年,迫于Firefox的压力,微软匆匆推出IE7应战,吸取了Firefox的一些设计思想。...老板说好,我明白了。其实我也不知道这样表述是否准确,但是在我的理解中是没有问题的哈,94将数据展示出来嘛哈哈!...CSS2 的规范是基于 CSS1 设计的,包含了 CSS1 所有的功能,并扩充和改进了很多更加强大的属性。包括选择器、位置模型、布局、表格样式、媒体类型、伪类、光标样式。

    1.4K10

    第三届 CSS 开发者大会笔记

    Grid Layout历程 2010年微软提出,并且在IE10实现 2015.3.2,chrome支持 2016.9.29成为w3c候选标准 2017.3将会被各大主流浏览器支持 目前(2017.3...主要内容 介绍了 weex 的工作原理,在 CSS 方面的支持和weex的优势。 需要注意的是 weex不支持 CSS 的继承(CSS 是否需要继承,存在争议)。...从 PPT 可以看出,他是神飞的好基友。 主要内容 为什么现在可以用 SVG 主流浏览器都支持 SVG PhotoShop 支持导出为 SVG。...当然,用矢量的设计工具,如 Sketch 和 AI 导出 SVG 效果比较好。 对于不支持浏览器,则使用 png。...同时会设计和前端的女神。 主要内容 用 Live Coding 的方式给我们现场展示了如何用一个 div 与 CSS 实现一个胡子可爱的胡子。

    1.4K20

    10个前端开发必备的工具或使用方法

    使用谷歌浏览器也是一个好的选择,但是我本人倾向于使用火狐。...Firebug 这个插件具有非常强大的功能,它把网页的 HTML 结构进行了整理,查看和修改 CSS 也非常方便。...使用鼠标放在某个元素上,右击 查看元素 ,即可看到这个元素的 HTML 结构和对应的 CSS 样式,也可以很方便的修改。但是通常使用 FireBUG 来完成这个任务,因为自带的功能不是特别强。...这里主要介绍的是 查看元素 功能中的 三维视图 功能。这个功能可以把你的网页变成三维视图,从而可以非常方便的查看到网站的结构是否合理、是否正确闭合、是否嵌套层数太多。...它可以方便的切换到 IE7 、IE8 文档渲染模式,此外还有怪异模式等等。这样,用IE9就可以同时做IE7和IE8的兼容性测试。对了,IE6呢,IE6怎么办。原来你还在费力的做IE6的兼容?

    67720

    最流行的5个前端框架对比

    浏览器支持: Firefox,Chrome,Safari,IE8 +(您需要IE8的Respond.js) 许可证: MIT Bootstrap说明 Bootstrap的广泛流行是它的优势所在。...,提供业务支持、培训和咨询。...它还提供了许多资源来帮助你更快更轻松地学习和使用该框架。 Semantic UI Semantic UI是一个语义化设计的前端开源框架。它利用自然语言原理,从而使代码更加可读和可理解。...额外/附加组件:是 独特的组件:Article, Flex, Cover, HTML Editor 文件:好 自定义:高级GUI定制程序仅在版本2(以前的版本)中可用 浏览器支持: Chrome,Firefox...受欢迎程度也意味着框架更具前瞻性,因为具有更大社区的框架不太可能被抛弃。 框架是否正在积极发展?一个好的框架需要不断地使用最新的web技术,特别是在移动端方面。 框架是否达到成熟?

    1.5K20

    如何让bootstrap兼容ie8+

    又翻出bootstrap官方API,细读之……这才明白由于bootstrap做响应式所用的栅格布局在ie8下不被支持,而且也不支持html5的新标签和css3的一些效果,如圆角、阴影、一些过渡效果等……...bootsrap已经对ie9渲染的很好了,亲测 听说bootstrap2.0对ie8支持蛮好,不过没有用过。...此 meta 标签被包含在了所有 Bootstrap 文档和实例页面中,为的就是在每个被支持的 IE 版本中拥有最好的绘制效果。...国产浏览器高速模式 国内浏览器厂商一般都支持兼容模式(即 IE 内核)和高速模式(即 webkit 内核),不幸的是,所有国产浏览器都是默认使用兼容模式,这就造成由于低版本 IE (IE8 及以下)内核让基于...[endif]--> CSS3 通过respond.js和html5shiv,你的页面已经基本兼容ie8+了,当然你如果追求更高的话,想要解决css3的支持问题,可以采用一些hack方法,比较流行的如CSS3

    1.2K40

    坚定地使用 CSS Custom Properties

    最新版的 Chrome、Edge、Firefox、Opera 和 Safari 支持,IE 11 及以前、Opera Mini 情况不容乐观。 总是这样对不对?...不过别担心,可以使用 指令来检查浏览器是否支持自定义属性: 在 Demo 中,一开始把 body 文本颜色设置为黑色,后面如果浏览器支持我们伪造的 foo 变量,则用一个自定义属性值覆盖之。...,但是 Microsoft 曾今使用我的网站作为 IE7 支持属性选择器的参考。...不用担心浏览器不支持,不用实现复杂的替代方案,不用花数个小时让替代方案和设计保持一致。 答案就在于 CSS 本身,而且一直如此,浏览器会直接忽略它们不认识的东西。...我们可以为使用过时浏览器的用提供一个设计相对简单的替代方案。 做是否启用新的 CSS 特性的决定时,不要老往技术上考量,有时候可能需要改变一下对所有浏览器都要支持的态度。

    57770

    2016.07 第3周 群问题分享

    而用div来模拟时,首先遇到的问题是:div怎么实现输入功能? contenteditable 属性规定是否可编辑元素的内容。...contenteditable属性虽是HTML5里面的内容,但是IE似乎老早就支持此标签属性了。所以,兼容性方面还是不用太担心的。...代码中,因为IE6不支持min/max,所以做了hack,其他的也好理解。...和cookie的区别 2016.07.18~2016.07.22 核心内容 Web storage和cookie 问题解析 Web storage的概念和cookie相似,storage是为了更大容量存储设计的...浏览器的支持除了IE7及以下不支持外,其他标准浏览器都完全支持Web storage(ie及FF需在web服务器里运行),值得一提的是IE总是办好事,例如IE7、IE6中的UserData其实就是JavaScript

    94980

    HTML相关的面试题

    浏览器标准模式和怪异模式之间的区别是什么? 在怪癖模式下,浏览器会模拟Navigator 4和IE5的方式来渲染页面。 在标准模式下,浏览器会用HTML和CSS规范定义的方式来渲染页面。...表格样式是否继承。 使用 XHTML 的局限有哪些? XHTML要求严格。元素必须被正确地嵌套,元素必须被关闭,空标签也必须被关闭,标签名和属性对大小写敏感,属性名称必须小写,属性值必须加引号等。...IE6,7,8不支持,IE6,7,8支持text/html。 如果网页内容需要支持多语言,你会怎么做? 编码使用UTF-8,空间域名需要支持多浏览地址,准备多套模板。...(对多语言这方面不熟悉) 在设计和开发多语言网站时,有哪些问题你必须要考虑?...,包括IE6+;IE6,IE7不支持sessionStorage 和 localStorage sessionStorage 和 localStorage中能存的数据比cookie大 sessionStorage

    44630

    知识整理之CSS篇

    伪类由一个冒号:开头,冒号后面是伪类的名称和包含在圆括号中的可选参数。 任何常规选择器可以再任何位置使用伪类。伪类语法不区别大小写。一些伪类的作用会互斥,另外一些伪类可以同时被同一个元素使用。...zoom属是IE浏览器的专有属性,火狐和老版本的webkit核心的浏览器都不支持这个属性。然而,zoom现在已经被逐步标准化,出现在CSS 3.0 规范草案中。...目前非ie由于不支持这个属性,它们又是通过什么属性来实现元素的缩放呢? 可以通过css3里面的动画属性scale进行缩放。...优缺点:比较稳定和精确,但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。 em em,是相对长度单位,em是相对于父元素来设计字体大小的。...这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。 目前,除了IE8及更早版本外,所有浏览器均已支持rem。

    1.6K20

    CSS 各种Hack手段

    随着浏览器的发展,css hack 技术的使用应该越来越少了,但是在某些关键时刻以及综合的WEB应用或者老项目中,可能还需要使用 css hack 技术来解决一些问题。...IE 条件注释法(即 HTML 条件注释 Hack): 针对所有IE(注:IE10+ 已经不再支持条件注释): IE]>IE浏览器显示的内容 取值: if 条件共包含 6 种选择方式:是否、大于、大于或等于、小于、小于或等于、非指定版本 是否:指定是否 IE 或 IE 某个版本。...IE]> 这段文字只在非IE浏览器显示 需要说明的是,IE10和11已经不支持这种条件注释法了。运行上面示例 CSS 属性前缀法 语法: selector {?...诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高。 \9:选择 IE6+。 \0:选择 IE8+ 和 Opera。

    47640

    这30个CSS选择器,你必须熟记(上)

    CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计,我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等,我们只需要改几行代码,不需要借助任何软件,就能轻而易举的实现,感觉就像魔法师一般,几秒钟就能得到一个想要的效果...在介绍之前,我们先理解下文档结构树的父子关系 在学习CSS选择器之前,我们需要弄清楚文档结构的父子关系,什么是父元素、子元素以及祖辈元素和后代元素这些概念,清楚了这些逻辑关系后,你才能更好的掌握CSS选择器...许多开发者可能会用这个技巧如下代码所示让元素居中,在开发测试阶段固然是好的,但是我不建议这么做,因为这样做会给浏览器增加很大的负担。...问问自己是否真的需要加入这么多负荷, 这样写的可读性也太差了。还有一个需要注意的,后代元素的层级问题,可能会很深。...CSS的基础和重要内容,虽然简单,但是灵活掌握可不容易,接下来的文章,我将和大家继续分享CSS选择器的剩余内容。

    67020

    20+免费精美响应式Html5 网站模板01(含源码)

    它具有完全响应式设计,并在所有主要浏览器和移动设备上进行了测试。 Woo是展示您的应用程序、服务或数字产品的完美模板。...主题信息 作者: 布局: Html5 和 Css3 类别: 设计, 服务 颜色: 黑色 页数: 全部在一页中 评价: 4 星 兼容浏览器:Microsoft Edge、IE9+、Firefox、Safari...不同于以往 我以这种方式完成的设计(例如并行性),这个避开了通常的支持完全全屏体验的灯箱 主题信息 作者: 布局: Html5 和 Css3 类别: 摄影师, 画廊 颜色: 黑色、白色 页数:...HTML5 Bootstrap 模板,由 FreeHTML5.co 设计和开发 主题信息 作者: FreeHtml5 布局: Html5 和 Css3,响应式,Bootstrap 类别: 服务...24 条新闻 - 100% 完全响应的免费 HTML5 Bootstrap 模板,由 FreeHTML5.co 设计和开发 主题信息 作者: FreeHtml5 布局: Html5 和 Css3

    11.5K32
    领券