对于 IE低版本不兼容问题的处理

坑爹的IE低版本浏览器总是需要我们去编写特殊的代码才可以,脑残的我之前总是编写一套CSS,让页面在Firefox、Chorme等牛逼闪闪的浏览器与IE这SB浏览器中的显示差不多,差不多,谁懂么,好好的网页改得真是让人心塞,不过现在我变得聪明了,那为何不写两套CSS,请不要鄙视小主好嘛

//<fieldset>标签里作为显示标题的<legend>标签在天杀的IE8以下版本中是不能完美显示的,我们可以给<legend>标签定义另外的ie.css以下面的方式嵌入
<!--[if lte IE 8]
	<link type="text/css" href="stylesheets/ie.css" rel="sytlesheet" media="screen">
<!--[endif]—>
 
于是样式不一样的问题就这样解决了,为嘛提了IE这么多次.
别外behavior属性为IE特有属性可以用PIE库解决IE浏览器对圆角样式的不支持
.login field,.login input,.login legend{
        /*因为我们在页面内引用PIE.htc因此引用的链接不能是相对于stylesheet文件夹的*/
	behavior:url(stylesheets/PIE.htc);
}

但是千万不要忘记要下载PIE.htc并放到stylesheet文件夹内

时间: 2024-11-08 17:17:20

对于 IE低版本不兼容问题的处理的相关文章

低版本系统兼容的ActionBar(二)ActionProvider+分离式ActionBar+分离式的ActionMode

       这篇文章主要讲的是在低版本兼容的ActionBar中实现自定义的ActionProvider,ShareActionProvider的使用方法,如何实现分离式ActionBar,外加在分离式ActionBar上的ActionMode的效果. 一.自定义ActionProvider 建立一个类,继承android.support.v4.view.ActionProvider,然后复写里面的方法即可.主要就是初始化视图和相应点击事件. 范例一: SettingsActionProvid

低版本系统兼容的ActionBar(三)自定义Item视图+进度条的实现+下拉导航+透明ActionBar

       一.自定义MenuItem的视图 custom_view.xml (就是一个单选按钮) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android

低版本系统兼容的ActionBar(四)添加Tab+添加自定义的Tab视图

在ActionBar中添加Tab是很有用的技巧.在support V7库的支持下,我们几乎可以用和之前一样的方式来添加Tab,对于Tab来说,我们可以和MenuItem一样,给他定义自己的视图.我这里定义了个进度条,主要是来说明这个问题.本系列的博文也将接近尾声了,后面就是个定义ActionBar样式和一个仿照微信的实例,顺便讲解下Fragment和ViewPager的用法. activity_main.xml(定义了一个Fragment) <RelativeLayout xmlns:andro

低版本系统兼容的ActionBar(六)用Fragment+ViewPager+Tab实现快速导航

Tab经常和Fragment结合使用,这一讲我们用3种方式来实现这种快捷导航. 0.重要的两个监听器 MyTabListener,这个我们之前已经接触过了 package com.kale.actionbar05; import android.support.v4.app.FragmentTransaction; import android.support.v4.view.ViewPager; import android.support.v7.app.ActionBar; import a

低版本系统兼容的ActionBar(五)设置ActionBar的全套样式,从未如此简单过

     设定ActionBar的样式,是我们必须掌握的技能,在之前我们可能都需要一行一行的写代码,然后在模拟器上测试效果,但是现在我们有个一个很棒的工具来设定样式.设定ActionBar样式的工作从未如此简单过! http://romannurik.github.io/AndroidAssetStudio/index.html 进入后我们就可以直接在可视化的界面中进行修改了,设定好后直接下载压缩包.复制到res目录下即可.最后要记得把Application或者Activity的主题修改为你做的

HTML data属性简介以及低版本浏览器兼容算法

实例 使用 data-* 属性来嵌入自定义数据: <ul> <li data-animal-type="bird">Owl</li> <li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul> 浏览器支持 IE Firefox Ch

整理低版本ie兼容问题的解决方案

CSS hack \9    所有的IE10及之前 *     IE7以及IE7以下版本的 _     IE6以及IE6以下版本的 !important  提升样式优先级权重 1.ie6,7,8对H5标签兼容 页面中引入html5shiv.js,下载地址:https://github.com/aFarkas/html5shiv 2.IE6双边距 当元素浮动后,再设置同方向margin,会产生双边距 解决:增加 *display:inline; 3.IE6最小高度问题 IE6下最小高度19px,想

让低版本IE兼容H5+CSS3新特性的方法

主要是针对ie6 7 8对支持和让老浏览器支持html5+css3的一些js脚本.我也不知道为什么叫腻子脚本,反正书上是这么翻译的. html5shiv.js(www.code.google.com/p/html5shiv)--让IE8及耕地版本的IE识别section,article,nav等html5元素; selectivizr(www.selectivizr.com)--让IE6/7/8支持 ::first-child等高级css选择符; IE9.js(www.code.google.c

低版本IE兼容CSS3的方法

<!--[if lte IE 9]> <script type="text/javascript" src="/css3-mediaqueries.js"></script><![endif]--> css3-mediaqueries.js这个文件自己去搜索..