CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来?

  • 兼容性问题,因为老版本浏览器存在大量和W3C不一致的情况,所以我们做兼容性设计。
  • 其他回答:
    W3C标准发展,以及浏览器厂商出于商业的考量,老版本的浏览器(尤其是IE系列)存在大量和W3C标准不一致的情况。一个在Chrome 浏览器下十分美观的网站,在IE6下很有可能惨不忍睹,对此我们不得不进行大量的兼容性设计。

如何跨浏览器设计?

跨浏览器设计有很多种解决方案。介绍通用的方法:条件注释(conditional comment)。

常用的属性前缀:

  • webkit:webkit核心浏览器,包括(Chrome)谷歌浏览器、(Safari)苹果浏览器等。
  • moz:(Firefox)火狐浏览器。
  • ms:IE浏览器。
  • o:(Opera)欧朋浏览器。

CSS 常用工具:

  • 避免编写属性前缀的Prefix free插件。
  • 让不同浏览器表现一致性的Normalize。
    Normalize用法和其他Reset 没有任何区别,它的官网:http://necolas.github.io/normalize.css 进行下载。
  • 应用Grunt自动合并压缩CSS 文件。
    Grunt官网:http://gruntjs.com。如何安装,下载,操作。上网查询。

CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来?相关推荐

  1. css自定义横向滚动条样式,css滚动条样式自定义

    很简单的几行代码 Title * { margin: 0; padding: 0; } .out { width: 600px; height: 600px; margin: 100px auto; ...

  2. CSS浏览器兼容性的4个解决方案:浏览器CSS样式初始化、浏览器私有属性,CSS hack语法和自动化插件...

    前端是一个苦逼的职业,不仅因为技术更新快,而且要会的东西实在太多了(如果全写出来,那真是一箩筐),更让人头疼的是,还要面临各种适配.兼容性问题. 一直以来都是头痛医头脚痛医脚,没有进行系统的梳理,整个 ...

  3. 火狐浏览器页面里有iframe框架时,当开发者后台修改了css样式,火狐浏览器不能及时响应问题

    当前端程序员修改了引入css文件样式后,而且这个页面是用iframe引用的,结果发现在火狐浏览器里不重载修改过的css样式,想及时查看效果,结果看不了.本人经过几天摸索,终于找到一个可以重载的非主流方 ...

  4. 浏览器加载不上css,样式走丢了~

    问题描述: 使用eclipse修改样式文件,浏览器的页面一时显示一时不显示,最后直接没有加载最新的css样式代码,直接使用旧样式代码,清除了浏览器缓存,清除了eclipse缓存,以及切换不同的浏览器查 ...

  5. css IE下执行的样式,其他浏览器忽略

    在样式后加 "\9"则兼容所有IE版本,IE下执行的样式,其他浏览器忽略 .po-div {position: absolute;margin-top: -435px;margin ...

  6. 前端笔记(9)元素的隐藏与显示,css用户界面样式,vertical-align垂直对齐,溢出文字省略号显示,css精灵技术,过渡,焦点,滑动门,margin负值

    css样式表/层叠样式表(7) 元素的隐藏与显示 (1)dispaly显示 (2)visibility可见性 (3)overflow溢出 css用户界面样式 鼠标样式cursor 轮廓线outline ...

  7. css折叠样式(1)——使用css样式的三种方式

    一.css的声明标签是告诉浏览器应该是用什么形式去解析你,一般为:<!DOCTYPE html>  因为html5支持向下兼容,详细可看上图. 二.css样式的使用方式: (1)内链样式表 ...

  8. 25.CSS其他样式

    第十九章  CSS其他样式 一.黑色和透明度 属性         值              说明             CSS版本 color       颜色值        设置文本前景色 ...

  9. css文字向右对齐_web前端入门到实战:css常用样式对文本的处理演练

    CSS文本属性可定义文本的外观,这是毫无疑问的,其次css可以通过以下属性改变文字的排版,比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-s ...

最新文章

  1. 今天大佬告诉你Spring Boot 实现通用 Auth 认证的 4 种方式!
  2. 【NLP】一行Python代码中自动化文本处理
  3. .net 预编译 提示中导入的类型 冲突
  4. 好男人都结婚了吗?最后的研究结论亮了……
  5. 高考考入北大与普通大学考研进北大,有区别吗?
  6. mybatis中mapper.xml命名空间错误
  7. android wifi ap sta,WIFI的AP/Sta模式简单介绍
  8. 删除数据表中的重复行
  9. Vue学习笔记 出自http://www.cnblogs.com/chenzechuang/p/6687267.html#top
  10. office插件开发_linux常用软件(开发设计必备)
  11. Js~弹出框插件jquery.boxy
  12. 利用R绘制venn图(VennDiagram、eulerr、venneuler、limma)
  13. 分享一个小案例,用HMS Scankit做一个安卓扫码购小应用
  14. 基于opencv的图像阴影消除车辆变道检测
  15. 德州仪器TM4C123GXL从入手到亮灯-开发环境配置
  16. mtk log系统详解
  17. 什么是程序员的核心竞争力?
  18. Ichorbio/艾美捷 研究级阿达木单抗生物仿制药
  19. 在中东与非洲,“一切皆服务”加快全球实践
  20. 【.Net码农】【淘宝API】淘宝API开发系列---阿里.聚石塔.开放平台的使用

热门文章

  1. Redis 如何实现库存扣减操作和防止被超卖?
  2. 基于视觉导航的自主机器人简介(一)
  3. cpp c++ 11/14/17
  4. SQL 更新语句:Update ... set ... from ...
  5. IEC61131-3标准的基本概念和定义
  6. 阿里云服务器选购指南(图文教程详解)
  7. js中promise的用法
  8. 获取Shell命令执行错误结果
  9. ElasticSearch的scroll分批查询
  10. JAVA的IO/NIO?