摘要：“珍惜生命，远离IE6”，IE6中的bug令很多Web前端开 发人员实为头疼，因此不知道烧了多少脑细胞，在众多的Bug中最令人抓狂的就是IE对png图片的不支持，导致设计师和重构师放弃了很多很炫的效果，为了 让大家在这方面少烧点脑细胞，KwooShung我就舍身一把，把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内，以供大家学习参考！方案1 - 滤镜解决方案：介绍：滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试... 阅读全文

摘要：在进行页面的DIV+CSS排版时，遇到IE6（当然有时 Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的 解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。方法整理来源于万福的网络。 1、将图片转换为块级对象 即，设置img为： display:block; 在本例中添加一组CSS代码： #sub img {display:block;} 2、设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top，text-... 阅读全文

摘要：filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; 阅读全文

摘要：为什么要使用 PNG 图片？简单来说，使用 PNG 格式比起 GIF 来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多。目前，最新的浏览器基本上都支持PNG格式。唯独有万恶的 IE6 不支持 PNG 背景透明，在 IE6 中的 PNG 背景图会显示一个灰色的背景。IE6 中 PNG 背景图片透明的方法其实方法有很多，但网络上提供的方法也有诸多缺陷。比如不支持 css 中 backgrond-position 与 background-repeat 等，所以园子推荐你使用 DD_belatedPNG，方法如下：1.首先下载 DD_belatedPNG.js 文件，本文下方 阅读全文

摘要：正如我在教程响应式Web设计三步走当中所讲的，响应式的 Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简 单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性在响应式设计中发挥着很大的作用。1. 响应式Video响应式video的CSS技巧是由tjkdesign.com发现的。我之前的一篇文章介绍过它，你可以在这里阅读。响应式视频会适应它的容器宽度。 1 .video { 2 position: relative; 3 padding... 阅读全文

摘要：法则1：减小HTTP请求次数 80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和 Flash 等，的下载上。减少页面元素将会减少 HTTP 请求次数。这是快速显示页面的关键所在。一种减少页面元素个数的方法是简化页面设计。但是否存在其他方式，能做到既有丰富内容，又能获得快速响应时间呢？ 以下是这样一些技术： 1、Image maps 组合多个图片到一张图片中（CSS Sprites）。 2、Combined files 通过组合多个脚本文件到单一文件来减少 HTTP 请求次数。法则2：使用 CDN(Content Delivery ... 阅读全文

摘要：-webkit-scrollbar在IE中可以自定义滚动条的样式 ，基于webkit的浏览器现在也可以自定义其样式：::-webkit-scrollbar { /* 1 */ } ::-webkit-scrollbar-button { /* 2 */ }::-webkit-scrollbar-track { /* 3 */ }::-webkit-scrollbar-track-piece{ /* 4 */ }::-webkit-scrollbar-thumb { /* 5 */ }::-webkit-scrollbar-corner { /* 6 */ }::-web... 阅读全文

摘要：CSS hack：针对IE6，IE7，firefox显示不同效果做网站时经常会用到，衡量一个DIV+CSS架构师的水平时，这个也很重要。区别不同浏览器的CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !imp... 阅读全文

摘要：IE6下PNG背景透明或者图片透明一直让人很伤脑筋，以前的解决办法也不尽完好。最近在项目中，发现了一种几乎完美的解决办法。用JS在IE6下面实现png图和背景PNG透明。不敢独享，写下这篇文章，也好为自己以后查阅，利人利己啊。并且，可以解决a:hover 背景png的问题。下面开始，三步即可搞定IE6下PNG透明问题。第一步：下载JS文件DD_belatedPNG_0.0.8a.js下载地址：http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js或：http://dillerdesign.com/expe 阅读全文

摘要：关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack：.test{color:#000000; /* FF,OP支持 */color:#0000FF\9; /* 所有IE浏览器(ie6+)支持 ；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack */[color:#000000;color:#00FF00; /* SF,CH支持 */*color:#FFFF00; /* IE7支持 */_color:#FF0000; /* IE6支持 */}包括我自己也是使用这种的，这是我前段时间整理的《主... 阅读全文