升级您的Internet Explorer 6
Posted by Gulu77 | Tags: 浏览器
随时代变迁信息技术飞速发展，各浏览器频繁更新已衍生出多种版本。而Internet Explorer 6 sp1发布距离至今已经有7年时间了相对于人类70年的寿命，对新版本语言支持已经显得力不从心了。 Read the rest of this entry »
IE6局部调用PNG32合并图片
Posted by Gulu77 | Tags: png
为满足用户的视觉追求及产品的背景图片的换肤功能，设计师难免在设计上会用到半透明的效果。因此页面重构师基于视觉及产品的需要，采用了PNG32的半透明图片还原设计稿。
Read the rest of this entry »
浏览器对居中的背景图片的兼容性
Posted by Gulu77 | Tags: CSS, 兼容性, 浏览器
在IE5.5至IE7 、Safari、chrome中,当浏览器窗口少于内容宽度时，居中的背景图片转向以body左对齐。而在Opera及FF中,居中的背景图片依然以缩小的窗口宽度居中对齐，当浏览器窗口宽度少于内容宽度时，拖动横行滚动条就能察觉到页面内容与背景会有错位的现象。A1_Demo
缩小窗口<body>背景被裁掉
Posted by Gulu77 | Tags: CSS, 兼容性, 浏览器
此现状出现在IE7、FF、Opera、Chrome、Safari中，当浏览器窗口少于内容，拖动窗口横向滚动条时能发现定义在<><body>的背景会被裁掉，似乎<body>背景只计算了当前窗口的宽度。引起这问题的主要原因是在中定义了背景。在IE6不存在此问题。B1_Demo
页面元素的背景及boder被裁掉
Posted by Gulu77 | Tags: CSS, 兼容性, 浏览器
在IE5~IE8、FF、Opera、Chrome、Safari中当浏览器窗口少于内容宽度,拖动横向滚动条会发现页面元素的背景及boder被裁掉，主要原因是body子级元素定义了100%宽度或是承继父及的100%宽度（即没有定义宽度）。C1_Demo
缩少窗口<img/>被裁掉
Posted by Gulu77 | Tags: CSS, 兼容性, 浏览器
在IE7、IE8、FF、Opera、Chrome、Safari中当浏览器窗口少于<img/>宽度时,拖动横向滚动条会发现<img/>被裁掉，主要原因是<img/>父级元素定义了overflow:hidden;属性值。IE6中不存在此问题。D1_Demo
CSS Sprites图片切割术与图片优化
Posted by Gulu77 | Tags: CSS, png, 优化
关于CSS Sprites技术的优化我们能做到多少，能减多少的请求数量。这并且不是单方面能做到的，一切取决于XHTML、CSS、CSS Sprites图片之间的配合。现时为止没有绝对优化的做法，这也是我在项目中经常衡量CSS Sprites图片与XHTML关系，如:《一张背景实现自适应九宫格》，以下总结了图片切割术与图象优化的一些方法。
IE6支持PNG透明(alpha通道)的4种方法
Posted by Gulu77 | Tags: CSS, IE6, png
想特别说明一下，IE6与生俱来就支持png8的索引色透明度，但不支持png的 alpha 透明度。而我们一直要解决的是让IE6支持PNG的 alpha 透明度。下面我收集整理了4种方法，但都是以滤镜、Js、css 等作为基础模拟还原效果，虽然没有真正的解决alpha透明度问题，但也总算解决了燃眉之急。
StevenPan has worked in industry for the last 4 years StevvenPan has worked in the Internet industry for the laenPan has worked in the Internet industry for the last 4 years, working as a professional website UI designer with advanced skills in XHTML and CSS. StevenPan has the Internet industry for the last 4 years, working as a professional website UI designer with advanced skills in.