以前喜欢用PNG图片做背景透明，在IE6下再加个htc才能做到全兼容，每次要改透明度就得重新做一张PNG，比较麻烦。这里找到一个比较简便的方法，不用加载图片，缺点是CSS长了点（要满足兼容性，长也是正常的），不过能节约时间。
原理是在旧版IE中用滤镜，在IE9以后支持CSS3的浏览器中用RGBA色，包含了透明度值，CSS代码如下 查看详细
兼容几乎所有浏览器的CSS背景透明
|
发表评论 |
5,676 人已阅
文章分类: 前端开发
VOILÀ网站改版完成
|
发表评论 |
4,794 人已阅
VOILÀ网站（www.vhr.com）是公司最重要的平台网站，由我全面负责网站的改版，需要进行前端的全部重构工作。由于每天都有大量日常的零碎工作，这个网站的改版总需要我另外“挤”时间去做，历时大半年才算完成。所幸的是可以完全根据自己的想法来设计构架，做起来也很过瘾。
这是一个酒店的查询和订房平台，www.vhr.com是它的域名。但我们还为这个网站绑定了几十个其他域名，需要根据不同的域名载入不同的CSS，实现“换肤”的功能，以便让网站能够根据不同的酒店品牌实现“本地化”。实现原理也很简单，把大部分样式写在一个主样式表中；把“换肤”用到的颜色，图片等设置分别写在每个域名对应要载入的样式表中即可。经过一番“样式表大作战”，使我对网站重构有了更加深入的认识，获益良多。 查看详细
两个IE6/7/8下的原生兼容问题
|
发表评论 |
4,620 人已阅
最近碰到的两个原生JS在IE6/7/8里的兼容问题。
1，indexOf和slice等字符串方法:
在用这两个方法进行数组内部元素操作的时候，在IE9+以上没有碰到问题，但在IE678中经常给我脸色看，报错类似“…is null or not an object”。及其笼统的报错。用toString方法把对象转换成字符串，这一行本身也会报错。
解决方法：直接在对象后面+”，强制转换成字符串就行了 查看详细
关于在PC上正常，在iPad浏览器中页面向左偏移的问题
|
发表评论 |
11,096 人已阅
一个很老的问题，一年前在做VHR项目的时候就碰到过，当时解决后没做记录。这次做Hilton网站的时候又碰到，一时记不起是如何解决的了，只好通过排差法从头来过。
如图页面，在PC各浏览器都完美，但一些板块在iPad上似乎无法居中对齐，底部文字又是撑满的。CSS设置宽度的时候顶部大图是100%，下面文字区域宽度1000px。检查了其他几个有同样问题的页面，宽度1000px的区域在iPad上都是撑满了浏览器宽度，而宽度是100%的区域反而都在右侧缩进去一截。这个问题在PC上不易被发现，但在iPad上很普遍。新做的网站一定要在iPad上检查一下哦！
查看详细