IE6、火狐不支持a:visited】的更多相关文章

今天做个样式,想让超链接点击后变成灰色,可发现IE里是没问题,可火狐就全灰色的.我测试了好几遍,发现不是顺序的问题.当然可以在火狐里地址栏里输入about:config.可总不能让用户去那里改吧.以下是我写的样式   a:link{color: #000099; text-decoration: none;}   a:hover{color:#f00; text-decoration: underline;}   a:visited{color: #CCCCCC; text-decoration…
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>模拟固定定位fix</title> <style> html{ height:100%; overflow:hidden;} body{margin:0; height:100…
<a href="javascript:test" id="btn" class="easyui-linkbutton" iconCls="icon-edit" plain="false">text</a> function test(){$('#btn').linkbutton({text:'修改'});//easyui-linkButton设置按钮text var i=$('#b…
onunload事件火狐不支持,在IE浏览器中,只有刷新时该事件才发生…
让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件.Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求. 方式一:引用google的html5.js文件,代码内容可以自己下载下来看. <!–[if lt IE9]> <script src="http://html5shiv.googleco…
IE6浏览器不支持固定定位(position:fixed)解决方案   来源:互联网 作者:佚名 时间:12-04 10:54:05 [大 中 小] 点评:有些朋友在进行网页布局时,会遇到IE6浏览器不支持固定定位(position:fixed),本文将详细介绍此问题的解决方法,需要了解的朋友可以参考下   今天在学习的时候,突然发现在IE6浏览器下,position:fixed不管用了: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML…
使用PIE.htc让IE6\7\8支持CSS3部分属性 包括圆角,阴影,背景渐变等效果 下载地址 http://css3pie.com/download/ 需要注意几点的是 第一,pie是以相对页面html文件的路径插入到css样式内的 第二,也就是最重要的一点,一定要添加相对定位 参考地址 http://www.zhangxinxu.com/wordpress/2010/07/pie使ie支持css3圆角盒阴影与渐变渲染/ https://www.jianshu.com/p/b18cbc3e6…
<!DOCTYPE html> <html lang="en"> <style> ul{list-style: none;} li{float: left;margin-left: 20px; } li a{display: block;border:2px solid #ccc;} #tooltip2{ position: absolute; } #tooltip{ position: absolute; border:2px solid #ccc…
CSS3已经支持背景rgba的rgba透明度,这一方法可以避免元素内容也随背景一起变透明(详情请阅http://www.cssha.com/css3-new-knowledge-student).但是这一属性在低于IE9的版本中却不被支持,我们可以通过IE私有滤镜来实现背景透明效果.rgba参数格式:(red,green.,blue,alpha),alpha值0-1.ie滤镜参数#3363370b,前两位为16进制透明度,比如说值是上面用到的0.2,那么就是0.2×255=51,再转换成16进制…
在不同的浏览器宽度下使用不同的 CSS 声明,常见的方案是使用 media query,但这个方案不支持 IE9 以下浏览器. 国外比较流行的 UI 框架 bootstrap v3 版本中使用 media query 技术实现了栅格布局 ,但要兼容 IE8 的话,( IE6/7 没有中国占比那么高,所以不用兼容)需要引入 Respond.js 的方案. 该方案的原理分以下 4 步: 1.在样式 link 之后,载入 respond.js ,该脚本会获取在他之前出现的 link 节点到一个数组 2…
最近发现ie6.7不支持json,解决方法:引入json2.js     <script type="text/javascript" src="json2.js"></script> json2.js下载:http://pan.baidu.com/s/1tHyDJ 以下摘自:SJ9012: IE6 IE7 IE8(Q) 不支持 JSON 对象 标准参考 JSON 是一种数据交换格式,RFC 4627 对 JSON 进行了详细描述. 根据 E…
标准参考 JSON 是一种数据交换格式,RFC 4627 对 JSON 进行了详细描述. 根据 ECMA-262(ECMAScript)第 5 版中描述,JSON 是一个包含了函数 parse 和 stringify 的简单对象. parse 函数用来解析一个 JSON 文本(一个 JSON 格式的字符串)到一个 ECMAScript 值(例如 JSON 对象被解析为 ECMAScript 对象, JSON 数组被解析为 ECMAScript 数组,其它类型以此类推):stringify 则相反…
常用的两种解决方案: 第一:使用IE滤镜解决 关键代码: css代码  _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/png24.png',sizingMethod='crop'); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的. 2: 只能对单张的 png图片使用,意思是不能使用background-positio…
环境 xp ie 8 , ietester <!doctype html> <html> <head> <meta charset="utf-8" /> <style rel="stylesheet" type="text/css"> *{font-size:19px;} i{color:red; font-weight:bold; margin:0 10px;} b{color:#BF…
万恶的IE内核浏览器,这是多少前端程序员头疼的事情... 今天给大家介绍一下如何用 PIE.htc 来让IE浏览器支持CSS3的 border-radius.box-shadow.CSS3 Backgrounds (-pie-background).Gradients.RGBA属性. 会的朋友提供一下建议,不会的朋友学习一下. 下载地址:PIE.htc官方网站:http://css3pie.com/演示地址:http://css3pie.com/demos/gradient-patterns/…
例子: #box {      color:red !important;      color:blue;  } 这个例子应该是大家经常见到的important的用法了,在IE6环境下,这行字是蓝色,在 IE7及firefox下,为红色.这是因为IE6不认important(即不认 !importmant 但是还是认!important前面的color:red),并且color:blue放在color:red的后面(后面的css定义覆盖了前面的 color:red),所以在IE6下字为蓝色:…
我们都知道,IE浏览器暂不支持CSS3的一些属性.国外的工程师们,不安于此现状,他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性,我觉得这些都是很有意义,很有价值的工作,可以推动整个技术领域的进步的.到目前为止,有不少可以让IE支持部分CSS3属性的工具.例如: 1. Dean Edwards的IE7.js (以及 IE8.js, IE9.js) 这个玩意估计是试图让IE支持CSS3属性的鼻祖,还算蛮强大,就是性能开销较大,要解析很多文件脚本,给DOM添加大量的元素以及ClassName…
1.IE6双外边距 在IE6下,如果对元素设置了浮动,同时又设置了margin-left或者margin-right,margin值会加倍. 例如,设置margin-left:10px在IE6下会显示为margin-left:20px. 解决这个Bug的办法就是设置display:inline. 2.有时候border会断开,刷新页面或者滚动滚动条的时候,断掉的部分又会连接起来 这与IE下的一个神秘的属性相关——hasLayout.hasLayout是IE浏览器专有的一个属性,用于CSS的解析引…
!important !important是CSS1中定义的语法,作用是提高指定样式规则的应用优先权.语法格式如:.demo{color:red !important;} IE6支持重定义的!important,其它浏览器能够正常识别.. HTML: <div class="demo">!important</div> CSS: 如果将!important应用在同一选择器中,IE6不起作用. .demo { color: blue !important; col…
很多网站对网页进行重构的时候,提高标签的语义性,在网页中大量使用了section,article,header等HTML5新标签.考虑到目前win7自带的IE浏览器版本是IE8,而IE8不支持HTML语义化新标签,所以有必要对HTML5新标签进行兼容,所谓兼容,主要是让这些html5标签显示为块级元素, 并且使低版本的浏览器认为它们是标签.为此我们需要在页面中添加一个HTML5 shiv插件, 它的作用是调用document.createElement将所有HTML5新标签重新生成,低版本IE浏…
代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> </head> <body> <div style="width…
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 300px; height: 300px; background-color: red; filter:alpha(opacity=50); opacity: 0.5; } </style> <!-- IE6.…
#sidebar li:first-child{ border-top-style:none; } #sidebar li{ border-top-width:1px; border-top-style:solid; border-color:#DAD3D0; *border-top-style:expression(this.previousSibling==null?"none":"solid"); } 代码解析 *border-top-style:expres…
用js backgroundPositionX,backgroundPositionY设置在firefox下无法识别,用backgroundPosition同样在火狐无法识别.要识别只能用js插件来实现的,代码如下: /** * @author Alexander Farkas * v. 1.02 */ (function($) { $.extend($.fx.step,{ backgroundPosition: function(fx) { && typeof fx.end == 'st…
我们知道Webkit内核的浏览器支持-webkit-border-radius: 10px;属性(10px是圆角半径),可以直接解析出圆角;Firefox浏览器支持-moz-border-radius: 10px;属性,也是可以直接解析出圆角;IE系浏览器则需要加上border-radius: 15px;的属性. .main{ border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; bor…
做的一个js的小程序放到火狐上用不了了,原因是innerText不是标准属性,换成innerHTML属性就好,但是可能需要把html标签给去掉…
解决方案: display:inline-block; *display:inline;*zoom:1; ie6:* _ ,ie7:*…
在网上百度到的解决办法,感觉不错,和大家分享一下. 在CSS样式里加一句代码"body{behavior:url("文件夹/csshover.htc");}"即可. csshover.htc文件可以在网上搜索下载,也可以自己建立,文件具体内容如下: <attach event="ondocumentready" handler="parseStylesheets" /> <script language=&q…
https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js   只要应用这个js就行了…
1. 当我们写了一段正确的代码,但是在不同浏览器下,产生一些不正确的解析,这叫做兼容性问题 2. 在IE6下 ,标准盒模型: width/height = content; 可视宽/高 = content + padding + border; 怪异盒模型 width/height = 可视宽/高; content = width - padding - border; 在老版本IE下,不设置文档声明,页面就会陷入怪异盒模型解析 3. 在IE6下,占位宽 = content + padding…