PainsOnline的专栏

在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什么意义，为什么可以解决这个问题呢？window mode(wmode)wmode即窗口模式总

把下面这段代码放到一个JS中比如iepng.jseval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return

PNG半透明背景图片效果PNG图片在网页设计中扮演着一个很重要的角色，利用PNG图片的特点可以制作出实用,绚丽的效果，可是对于PNG图片的支持却不是很理想，Firefox和Opera对PNG支持的比较好，特别是Firefox浏览器。可是IE却不理PNG,使得设计者无法很随意的使用png图片。IE5.5+的AlphaImageLoader滤镜为通向png提供了一个道路，如果他载入的是PNG(

对于非IE6可以这样写 #top{ position:fixed; bottom:0; right:20px; }但是IE6是不支持fixed定位的，需要另外重写 #top{ position:fixed; _position:absolute; bottom:0; right:20px; _botto

.color-block { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050); zoom: 1; }

1、IE6支持max-height解决方法    IE6支持最大高度解决CSS代码：.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)说明：max-height:1000px; 这个是IE6以上级其它品牌浏览器支

html,body{_background-image:url(about:blank);_background-attachment:fixed;}

_background:transparent;_filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);_zoom: 1;

由于各大浏览器尤其IE浏览器对web标准支持情况不一，导致标准的网页在各个浏览器中的表现不一，因此，解决各浏览器兼容性问题成为了前端工程师最重要的工作之一，而所谓的hack技术则是前端开发中必用的。CSS hack的写法有很多种，其中，特殊符号的应用最为普遍，也最为简洁，下面一一介绍了特殊符号类型的CSS hack技术：1、反斜线（\）适用浏览器：IE/Mac反斜线

_background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/tjzqActive.png');

网址：http://stackoverflow.com/questions/6397712/white-to-transparent-gradient-with-background-image

先前代码如下禁止解析BBCode/span>如此无法居中，改变后代码如下禁止解析BBCode需要checkbox居中对其 然后文字也要居中对齐，checkbox在FF和IE下表现不一样 不信你试一试 有的浏览器有默认的margin 大概2px 有的有默认的padding 而且不管你怎么设置默认的margin和padding 是无法去掉的很诡异

http://wpa.qq.com/msgrd?V=1&Uin=27089965&Site=在线咨询&Menu=no

最近客户反映网页在Ipad上无法正常访问，研究再三，发现问题因为外层container宽度为100%, google和apple无法自适应，需要加入以下属性.container{ width:100%; height:100%; overflow:hidden; zoom:1; background:url(../img/nav_bg.jpg) repeat-x 0px 153px;min

IE、FF、Safari、OP不同浏览器兼容报告分类： UI前端設計2011-12-05 17:01 323人阅读 评论(0) 收藏 举报 IE、FF、Safari、OP不同浏览器兼容报告1         浏览器内核简介 TridentIE浏览器(GreenBrowser绿色浏览器, 遨游浏览器....都是I

无可争议的是，色彩是任何设计领域中最重要的一方面。设计师在决定了一个网站风格的同时，也决定了网站的情感，而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具，所有设计师在设计网页时就应该明白这一点。一、颜色术语你们当中很多人可能已经在学校学过一些色彩基础知识，让我们快速回顾一些术语，来更好的把握色彩和运用色彩。色轮的主要组成所有的色彩能在一个色轮中呈现。在这个色轮中，我们

a{outline: none;}_a{star:expression(this.onFocus=this.blur())}

IE兼容性调试问题1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行2.margin加倍的问题    设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面

这种半透明的形式在blog上应用比较广泛，那么这种效果是怎么做出来的呢？用JS，NO,NO，既然我们是CSS布局教程，那么就尽量用CSS来解决问题！filter: alpha(opacity=70); opacity: 0.7;把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！

---end_左边导航----

js获取事件源对象时在IE、谷歌、遨游下用event都可以得到但是在火狐下不行，不需要传入一个event事件源参数，才能够获取eg:  function getSome(){var e=event||window.event;alert(e.button);}测试上面的测试在谷歌和IE下可以。但是在火狐下就不行，貌似火狐需要传事件源入口 function g

我也是现学现用，想了解的可以看看效果，想知道实现的也有源码https://github.com/quark-dev-team/quarkjs 盛大研究院的游戏引擎夸克，非常强，而且支持移动设备平衡感应。http://www.limejs.com/  一个HTML5游戏引擎http://www.html5rocks.com/  google的html5试验场，有教程和代码沙盒

CSS里的浏览器前缀Firefox:-moz-box-shadowSafari:-webkit-box-shadowOpera:-o-box-shadowIE:-ms-box-shadow

自从windows7推出以后，IE9也随之而来，但很多人还是喜欢用旧版本，并且相当一部分个人和企业都在使用IE6，不得不承认IE6是一款很成功的产品，但英雄总有暮年时，该退还得退，世界是在不断的更迭中丰富多彩的。既然有人习惯于旧事物，那么身为一名为人民服务的程序员，就得全心全意为客户。        目前CSS最新版是CSS3，而IE6支持的是CSS1.0，因此IE6不支持CSS中一些新特

这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack!CSS Hack的原理是什么　　由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 　　CSS Hack大致有3种表现形式，CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack，CSS Hack主要

一个Div包含了多个子Div，并且子Div使用了浮动后，父Div确不能被撑开，如下图：部分代码如下：1 style>2 #div1{border:1px solid red;float:left;}3 #div2,#div3{float:right;border:1px solid blue;}4 style>5 6 div id="div1">7 div