博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
华丽的bootstrap3碰到土鳖IE6
阅读量:4840 次
发布时间:2019-06-11

本文共 826 字,大约阅读时间需要 2 分钟。

      之前由于看好很容易上手的bootstrap,然后用这个框架写了个网站,对于不会美工和细致设计的攻城师来说,bootstrap是个界面设计的瑞士军刀,三下五除二就能搞定个不算太丑的页面。

      吭哧吭哧工作了一阵,网站功能基本完工,最后要发布时发现要有点麻烦,毕竟当前还是有很大一部分用户生活在IE6\7\8的世界中,真心希望他们能过上好日子。

      攻城师就是解决问题的,因此为了能够使古老的IE能够穿上华丽的服装,就只好着手改造一下,修补一下当前的页面,使其不至于惨不忍睹。网上已经有关于让bootstrap适应ie6的解决方案,叫做鄙视IE(bsie),Bootstrap IE6 兼容库,奈何目前我的网站是用bootstrap3编写的,那个鄙视IE是针对bootstrap2.x编写的,但万变不离其宗,就参考鄙视IE的写法,再结合自己的项目做些修改。

      工作还在进行中,但思路确定之后只是时间的问题,不至于一开始看到四分五裂的页面时的恐惧与担忧。

  其实bootstrap3对于ie8的支持还可以,只要加入类似如下的JS,在ie8中大致能看,需要修改的也只是很少的局部。

 

 

    大致用到的对于IE的css hack方式为:

.brand{    *border-width: 0;}div.col-sm-offset-2{    _margin-left: 8.8%;}.nav li {    float: left;}

  也就是“_”:只有IE6才认识,“*”:IE6和IE7都认识,其它的就以if lt IE 8之类的语句来包含针对特定IE浏览器版本的css或js。

      另外别忘记定义html的doctype,没有这个标记,版面布局会处于一个很莫名其妙的状态中,调试了老半天大概都不知道是什么情况:<!DOCTYPE html>

 

 

转载于:https://www.cnblogs.com/dreampursuer/p/3422758.html

你可能感兴趣的文章
unittest-mock-from-import
查看>>
node入门学习(二)
查看>>
通过js禁止输入空格(试用场景:当用字符串拼接插入dom节点时,onkeyup这些方法都不好使可用这个)...
查看>>
Codeforces Edu Round 48 A-D
查看>>
C++cctype软件包函数摆脱,ASCII码!
查看>>
saltstack笔记
查看>>
(转载)TP5_自定义分页样式
查看>>
Spring3.2 和 jdk8 运行时有冲突
查看>>
WordPress4.1新的函数介绍
查看>>
list<T> 排序
查看>>
结对2.03
查看>>
【vue】vue如何创建一个项目
查看>>
简单的linux压力测试工具webbench
查看>>
ImageLunBo_shape+XML
查看>>
php实现设计模式————单例模式
查看>>
Python OOP(面向对象编程)
查看>>
MySQL安装与测试
查看>>
使用JDK自带的VisualVM进行Java程序的性能分析
查看>>
mysql语句记录
查看>>
总结面试题
查看>>