CSS样式中IE11浏览器的兼容问题
所谓人在江湖漂，哪能不挨刀，虽然博主不喜欢前端，但身为.net，还是免不了和前端方面打交道，样式方面同样避免不了。
遇到不兼容的问题，进百度 css hack
JS方面
加上下面这些注释代码后， 只让IE11浏览器支持，而别的浏览器访问不到
<!--[if lt IE 11]>
<script type="text/javascript" src="http://www.ijquery.cn/js/html5shiv.js"></script>
<![endif]-->
<!--[if lt IE 11]>
<script type="text/javascript">
document.createElement("nav");
document.createElement("header");
document.createElement("footer");
document.createElement("section");
document.createElement("aside");
document.createElement("article");
</script>
<![endif]-->
同样的在CSS方面，IE和其他浏览器也不同
CSS方面
就是在CSS样式文件中加一个@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){里面是你的样式}。
.zhaosq{
background-color:black
}
.icon{
color: #fff;
}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
/*兼容IE11*/
.zhaosq{
background-color:black
}
.icon{
color: #fff;
}
}
切记，重要的事说三遍，顺序很重要，顺序很重要，顺序很重要， 普通的CSS样式写在上面， 而兼容IE11的样式写在下面，否则会覆盖的
据说下面的这个代码可以解决很多IE11的兼容问题，但我没试过，不太确定
* {
box-sizing: content-box;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
}
第四种方式 用“#”符号，IE11似乎可以识别，待测试
代码写法是这样的：
<td > <div style='width:2px;#width:5px; height:20px; border-left:1px solid #ccc;'></div> </td>
显示似乎是
<td > <div style='width:5px; height:20px; border-left:1px solid #ccc;'></div> </td>
CSS样式中IE11浏览器的兼容问题相关推荐
- CSS浏览器兼容性的4个解决方案：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动化插件...
前端是一个苦逼的职业,不仅因为技术更新快,而且要会的东西实在太多了(如果全写出来,那真是一箩筐),更让人头疼的是,还要面临各种适配.兼容性问题. 一直以来都是头痛医头脚痛医脚,没有进行系统的梳理,整个 ...
- CSS样式中选择器+盒子模型+定位+浮动
CSS样式中选择器+盒子模型+定位+浮动 一.选择器 选择器,选择你所需要修饰的HTML元素 1.通配符选择器 <!DOCTYPE html> <html><head&g ...
- float属性html,详解CSS样式中的float属性
详解CSS样式中的float属性.float是 css 样式的定位属性.我们在印刷排版中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的fl ...
- html 中写样式,css样式中黑体怎么写
css样式中黑体怎么写 css中通过font-family指定黑体即可.font-family:"Heiti SC","黑体-简" 如果是中文字体需要加引号,字 ...
- 双下划线一粗一细怎么加_css双下划线 css样式中怎样控制下划线的粗细?
html 怎么加双横线给相应的标签加一个属性border-bottom:3px double red; 如果双线间的距离要加大,把3px改为更大的值就行了,不过不能小于3px,不然就叠在一起看不出来是 ...
- css样式中关于li的横向排列
在css样式中关于li的横向排列的方法大致有两种: 第一种 :直接在<li>里面设置样式 <ul style="list-style:none;"> < ...
- CSS样式中” 大于号”
CSS样式中" 大于号" 在一段CSS代码中见到一个大于号(>),代码如下: BODY#css-zen-garden > DIV#extraDiv2 { BACKGRO ...
- html中font-family样式,详解中文字体在CSS样式中font-family对应的英文名称
宋体:SimSun 黑体:SimHei 微软雅黑:Microsoft YaHei 微软正黑体:Microsoft JhengHei 新宋体:NSimSun 新细明体:PMingLiU 细明体:Ming ...
- ol在html中意思,在CSS样式中 .ol是什么意思啊
在CSS样式中 .ol是什么意思啊 作者:佚名 来源:网络整理 2011-1-27 在CSS样式中.ol是什么意思啊 最佳答案 1〉type类型选择项目符号用的不同样式 list-style-type ...
最新文章
- UITableView 添加长按手势UILongPressGestureRecognizer
- Python：机器学习库 sklearn
- [DefaultProperty(Text),ToolboxData()]
- linux复盘：mysql基础
- Nginx 负载均衡 - linux下nginx加载配置文件异常处理，提示invalid PID number in “/run/nginx.pid“问题解决
- 当同时安装Python2和Python3后，如何兼容并切换使用详解（比如pip使用）
- 基础004_V7-DSP Slice
- 新型冠状病毒传染性有多强？何时达到峰值？来看一下数学和统计建模结果
- 基于.net载发软件的下拉框(ComBox)无法显示数据问题
- ununtu16.04+python3+selenium+firefox环境搭建
- 基于三维地图的智慧园区可视化解决方案，智慧园区导航地图怎么制作？
- [趣谈网络协议学习] 01 网络分层
- idea 调整缩进快捷键_IDEA 代码格式化，快捷键
- python+opencv+百度智能云 人脸识别——人脸相似度对比
- 消息队列以及非常牛的kafka
- Ubuntu系统安装 –修复USB启动盘 “can’t open /dev/sr0: No medium found” 问题
- 小米路由器登录服务器无响应是怎么回事,小米路由器登录界面打不开怎么办？ | 192路由网...
- 苏黎世大学研发了一种算法 可让无人机像汽车一样在街道上行驶
- App磁盘沙盒工具实践
- DeepStream5.0系列之yolov5使用