兼容几乎所有浏览器的CSS背景透明

| 发表评论 | 6,088 人已阅

以前喜欢用PNG图片做背景透明，在IE6下再加个htc才能做到全兼容，每次要改透明度就得重新做一张PNG，比较麻烦。这里找到一个比较简便的方法，不用加载图片，缺点是CSS长了点（要满足兼容性，长也是正常的），不过能节约时间。

原理是在旧版IE中用滤镜，在IE9以后支持CSS3的浏览器中用RGBA色，包含了透明度值，CSS代码如下 查看详细 »

WordPress插件-多语种切换插件qTranslate使用心得

| 4 条评论 | 13,441 人已阅

qTranslate是一款能让你的网站支持多语种切换的轻便插件，可以到qTranslate的作者官网下载这个插件。我已经在自己做的十多个WordPress网站上使用这款插件，是时候总结一下基本的用法和小技巧了。

1. qTranslate版本问题

这款插件在安装后，如果你的WP版本比插件对应版本新，那么每次编辑文章和页面的时候插件会自动禁用自己，要点一下重新使用（其实很多插件都这样），比较麻烦。解决办法是去官网的下载页面先看一下你使用的WP是否能对应上当前安装的插件版本，如果插件过旧就下载最新的插件。但如果最新版的插件还不支持当前版本的WP，你可以自己手动修改WP的版本号。（这个办法适用于不准备频繁升级自己的WordPress版本的人，升级也是种折腾，如果你的站点用了很多插件，升级WP的版本本身就可能会导致各种问题。） 查看详细 »

WordPress插件-DX-Watermark 给网站图片添加水印

| 发表评论 | 9,028 人已阅

并不喜欢给Wordpress增加很多插件，如果遇到不兼容bug是非常讨厌的。不过WP没有自带给上传的图片增加水印的功能，而我偏偏又有这样的需求。于是今天试用了一款水印插件-DX-Watermark，觉得很好用，插件本身比较小巧，没有繁多的设置，推荐一下。

安装过程就不述了，装完后在后台的菜单下面会多出一项DX-Watermark： 查看详细 »

VOILÀ网站改版完成

| 发表评论 | 5,488 人已阅

VOILÀ网站（www.vhr.com）是公司最重要的平台网站，由我全面负责网站的改版，需要进行前端的全部重构工作。由于每天都有大量日常的零碎工作，这个网站的改版总需要我另外“挤”时间去做，历时大半年才算完成。所幸的是可以完全根据自己的想法来设计构架，做起来也很过瘾。

这是一个酒店的查询和订房平台，www.vhr.com是它的域名。但我们还为这个网站绑定了几十个其他域名，需要根据不同的域名载入不同的CSS，实现“换肤”的功能，以便让网站能够根据不同的酒店品牌实现“本地化”。实现原理也很简单，把大部分样式写在一个主样式表中；把“换肤”用到的颜色，图片等设置分别写在每个域名对应要载入的样式表中即可。经过一番“样式表大作战”，使我对网站重构有了更加深入的认识，获益良多。 查看详细 »

两个IE6/7/8下的原生兼容问题

| 发表评论 | 5,020 人已阅

最近碰到的两个原生JS在IE6/7/8里的兼容问题。
1，indexOf和slice等字符串方法:
在用这两个方法进行数组内部元素操作的时候，在IE9+以上没有碰到问题，但在IE678中经常给我脸色看，报错类似“…is null or not an object”。及其笼统的报错。用toString方法把对象转换成字符串，这一行本身也会报错。
解决方法：直接在对象后面+”，强制转换成字符串就行了 查看详细 »

关于在PC上正常，在iPad浏览器中页面向左偏移的问题

| 发表评论 | 11,795 人已阅

一个很老的问题，一年前在做VHR项目的时候就碰到过，当时解决后没做记录。这次做Hilton网站的时候又碰到，一时记不起是如何解决的了，只好通过排差法从头来过。

如图页面，在PC各浏览器都完美，但一些板块在iPad上似乎无法居中对齐，底部文字又是撑满的。CSS设置宽度的时候顶部大图是100%，下面文字区域宽度1000px。检查了其他几个有同样问题的页面，宽度1000px的区域在iPad上都是撑满了浏览器宽度，而宽度是100%的区域反而都在右侧缩进去一截。这个问题在PC上不易被发现，但在iPad上很普遍。新做的网站一定要在iPad上检查一下哦！
关于在iPad浏览器中页面向左偏移的问题
查看详细 »