首页
学习
活动
专区
工具
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不支持minmax-heigt解决办法

先来解决下min-heigtbug,布局过的人都知道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

49220
  • (第一版)知识点

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

    1K20

    web前端发展历程

    IE2在同年晚些时间发布,微软当时声称这是一个跨平台浏览器,支持WindowMac,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.3K10

    第三届 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就可以同时做IE7IE8兼容性测试。对了,IE6呢,IE6怎么办。原来你还在费力IE6兼容?

    64120

    最流行5个前端框架对比

    浏览器支持: Firefox,Chrome,Safari,IE8 +(您需要IE8Respond.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 内核),不幸是,所有国产浏览器都是默认使用兼容模式,这就造成由于低版本 IEIE8 及以下)内核让基于...[endif]--> CSS3 通过respond.jshtml5shiv,你页面已经基本兼容ie8+了,当然你如果追求更高的话,想要解决css3支持问题,可以采用一些hack方法,比较流行的如CSS3

    1.1K40

    坚定地使用 CSS Custom Properties

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

    56670

    HTML相关面试题

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

    44030

    2016.07 第3周 群问题分享

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

    94380

    CSS 各种Hack手段

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

    46740

    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

    10.9K32

    知识整理之CSS

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

    1.6K20

    CSS】357- 坚定地使用 CSS Custom Properties

    最新版 Chrome、Edge、Firefox、Opera Safari 支持IE 11 及以前、Opera Mini 情况不容乐观。   总是这样对不对?   ...两种色调 Stuff & Nonsense 译注:Stuff & Nonsense 是原作者站点。   在 IE6 臭名昭著时代,我为我站点提供了两套设计。   ...不用担心浏览器不支持,不用实现复杂替代方案,不用花数个小时让替代方案设计保持一致。   答案就在于 CSS 本身,而且一直如此,浏览器会直接忽略它们不认识东西。   ...我们要做很简单,首先指定一个与设计大相径庭值,然后在再使用 CSS 自定义属性覆盖之。...我们可以为使用过时浏览器用提供一个设计相对简单替代方案。   做是否启用新 CSS 特性决定时,不要老往技术上考量,有时候可能需要改变一下对所有浏览器都要支持态度。

    51230
    领券