随笔分类 -  CSS

打败 IE 的葵花宝典：CSS Bug Table
摘要：内容来自：打败 IE 的葵花宝典：CSS Bug Table作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于占领了7、80%的领地。你想做一个统治页面兼容的主么？反正我是想的 阅读全文
posted @ 2012-09-07 15:01 nikytwo 阅读(241) 评论(0) 推荐(0)
IE6实现PNG图片透明
摘要：#mailDiv{height:128px;width:128px;padding:0px;background-repeat:repeat;}html>body#mailDiv{background-repeat:repeat;background-image:url(mail.png);}*#mailDiv{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="mail.png")}参考：http://www.cnblogs.co 阅读全文
posted @ 2012-09-05 11:36 nikytwo 阅读(210) 评论(0) 推荐(0)
CSS图片垂直居中
摘要：参考：CSS图片垂直居中方法整理集合标准的：[代码]标准浏览器下另类方法:Code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&... 阅读全文
posted @ 2009-04-12 19:27 nikytwo 阅读(555) 评论(0) 推荐(0)
CSS 条件缩放图片
摘要：在帮朋友弄网站的时候遇到这个问题。解决办法：参考：利用css缩放图片（这个再IE6运行时竟然出现类似于死循环，跟下面的差别是一个用auto，一个用this.width）        兼容IE和Firefox的按图片宽度缩放的CSS代码具体做法是：[代码]Firefox用max-width来限制最大宽度，因为IE下不认识max-width，所以还是... 阅读全文
posted @ 2009-04-12 14:26 nikytwo 阅读(507) 评论(0) 推荐(0)