The Princess Diaries » css

Tips of fixing IE6

Sue Zhou — Sat, 14 Nov 2009 13:09:40 +0000

最近两个项目由于客户的吹毛求疵和自己的强迫症并发而砸了整整两天时间在IE6的美化方面，时间没白费，经验教训皆有。以下分享的一些Tips纯属个人观点：

最好的PNG fix Javascript—- unitPngFix.js

官方网站 (http://labs.unitintera[......]

阅读全文

Rounded corner for all browsers

Sue Zhou — Fri, 11 Sep 2009 10:38:37 +0000

In response to: css3之rounded corner

Here is a simple example to create 5px radius rounded corner.

Image part:
corner images
for IE7 and above,[......]

阅读全文

css3之rounded corner

Sue Zhou — Thu, 18 Jun 2009 11:48:31 +0000

IE8正式版的发布只是证明了IE家族里又出了一个鸡肋。身为浏览器大家庭里占一定比重的一员，居然对CSS3还是我行我素的不支持，似乎MS已经不再在乎其浏览器市场份额逐年下跌了。

WordPress的2.8正式版的后台更漂亮点了，用户交互更亲和，虽然在2.7的基础上视觉效果改变不多，升级后突然心血[......]

阅读全文

CSS Tools: Reset CSS

Sue Zhou — Fri, 05 Jun 2009 09:54:49 +0000

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;}

body { line-height:1;}

ol, ul { list-style:none;}

blockquote, q {	quotes:none;}

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins {	text-decoration:none;}
del {	text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

[......]

阅读全文

css hacker

Sue Zhou — Thu, 27 Mar 2008 11:42:17 +0000

由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏[......]

阅读全文