原作者：微米博客以前写过一篇关于CSS hack的文章，但近期回头看了看发现理解的不够深刻，总结的也不凝练，于是今天重新测试从新写一篇。常用的CSShack如下（笔者只对IE&FF&Chrome进行了测试）。hack列表（全部经笔者测试，且均为标准模式下，混杂模式由于很少会用到所以未对其进行测试）： 其中粉红色部分为属性hack，***部分为选择器hack，它
转载
精选
2014-11-17 10:51:50
654阅读
1、关于display显示和隐藏问题
document.getElementById("id").style.display="";//表示显示
document.getElementById("id").style.display="none";//表示隐藏
2、js调用关闭事件
<script language="javascript">
function clos
转载
2013-12-05 09:14:00
233阅读
2评论
CSS中一些兼容性问题就是浏览器兼容，而这些浏览器兼容问题主要是Ie和FF之间的争斗。CSS hack中的一些事：我们为了让页面形成统一的效果，要针对不同的浏览器或不同版本写出对应可解析的CSS样式，所以我们就把这个针对不同浏览器/版本而写CSS的过程叫做 CSS hack。CSS hack主要有三种：IE条件注释法、CSS属性前缀法、选择器前缀法。（1）IE条件注释法，即在正常代码之外添加判别I
转载
2024-04-02 09:51:23
21阅读
html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}
转载
2013-04-20 20:43:00
214阅读
2评论
cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox、chorme里并被支持。cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。cursor:pointer：是...
转载
2016-01-11 16:43:00
277阅读
CSS对浏览器的兼容性有时让人很头疼,尤其是对于IE6这个问题多多的浏览器版本,从网上收集了IE7,6与Fireofx的兼容性处理方法并整 理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声明. CSS技巧1.div的垂直居中问题
vertical-align:middle; 将
转载
2023-11-15 20:12:32
88阅读
这一阵子要处理前台CSS，记录一下网上找的，具体从哪里找的没记住。
兼容性处理要点
1、DOCTYPE 影响 CSS 处理
2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width
3、FF: 支持 !important， IE 则忽略， 可用 !i
转载
精选
2012-12-21 09:58:50
495阅读
兼容chrome和ie的音乐播放(Ie7 Ie8 Ie9 均測试过 )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org
转载
2017-06-30 12:29:00
65阅读
2评论
兼容IE和Chrome的复制功能，IE的复制通过window.clipboardData实现；chrome的复制功能通过开源的代码ZeroClipboard实现。
原创
2014-01-21 14:06:19
685阅读
DOCTYPE 影响 CSS 处理
FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
FF: 设置 padding 后, div 会增加 height 和 widt
转载
2007-04-03 02:15:40
870阅读
使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。使用onselectstart，例如<body onselectstart="return false">Firefox下，控制cssbody { -moz-user-select: none; }这样在IE，Firefox及Chrome下都可以禁止用户选中页面上的内容了。
转载
2012-04-15 21:39:00
162阅读
2评论
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问
转载
2023-09-20 14:46:49
64阅读
1. 在Firefox浏览器中，style.visibility = "visible"无效的问题很多人都遇到过这个问题：style.visibility 设置为 hidden 时有效，visible 却无效。onClick="javascript: ShowLoginFrame()"2. Alpha滤镜的CSS兼容性filter:Alpha(opacity=80);在IE6环境中
转载
2013-03-05 15:16:00
175阅读
2评论
我们知道IE6~8是现在浏览器的主流。但是由IE6开始，我们已经知道IE并不是完全执行W3C标准。
原创
2021-07-23 14:54:56
302阅读
CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 常见兼容
原创
2023-04-20 11:00:24
87阅读
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />。 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />可以强制IE8.0以IE7浮动显示.这个设置只有ie8认识，目的就是以ie7兼容模式运行。
原创
2011-09-09 17:19:18
781阅读
现在IE浏览器、Firefox浏览器、Chrome浏览器、Opera浏览器、Safari浏览器百家争鸣，可苦了我们这些Web前端开发人员了。
我在这里稍微整理了一下前面了解的各浏览器的CSS hack，打包奉献一下，哈哈。
各浏览器CSS hack兼容表：
IE6
转载
精选
2012-06-12 09:59:24
512阅读
点评：知道CSS的朋友一定听说过CSS hack，现在的浏览器IE、Firefox、Chrome、Opera、Safari。。。百家争鸣，可苦了Web前端开发人员了。 不同的浏览器对CSS的解释都有一点出入，特别是padding, line-height这些要细微控制的地方，下面的hack基本可以解
原创
2021-07-22 17:51:49
141阅读
IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，IE8能识别" \9"，但不能识别下划线"_"，
转载
2009-12-10 10:57:03
95阅读
IE6, IE7<html><body><script type="t
原创
2023-05-10 22:07:37
115阅读
