摘要：
a{ display: inline-block; position: relative; width: 100px; border-width:15px 0; border-style:solid; color: #fff; text-decoration: none; } a:lin... 阅读全文
摘要：
a{ display: inline-block; position: relative; width: 100px; border-width:15px 0; border-style:solid; color: #fff; text-decoration: none;}a:link, a:visited{ border-top-color: #333; border-bottom-color: #222;}a:hover, a:active{ border-top-color: #222; border-bottom-col... 阅读全文
摘要：
<!-- Created by Barrett at RRPowered.com --><!-- File name facebook.html --><html><head><title>FaceBook style buttons</title><link rel="stylesheet" type="text/css" href="facebook.css"></link></head><body><h1 阅读全文
摘要：
.sofish { padding:10px; padding:9px\9; /* all ie */ padding:8px\0; /* ie8-9 目前应用于IE8的单独hack，情况比较少 */ *padding:5px; /* ie6-7 */ +padding:7px; /* ie7 */ _padding:6px; /* ie6 */}/* webkit and opera */@media all and (min-width: 0px){ .sofish{padding:11px;} }/* webkit */@media screen and (-webkit-min-dev 阅读全文
摘要：
把下面这段代码复制到你的页面上，会有一个惊喜！<style> html { filter: fliph; /* for ie */ } body { transform: rotateY(180deg); /* css3 */ -moz-transform:skew(0deg, 180deg) scale(-1, 1); /* for ff */ -webkit-transform: rotateY(180deg); /* for chrome and safari */ -o-transform:skew(0deg, 180deg) scale(-1, 1); /* for op 阅读全文
摘要：
这是一个奇怪的问题。最后一个li元素在IE6、IE7下换行了，其他的浏览器都是没有问题的。下面是此问题的截图及代码：主要css代码及demo：.wrap{width:960px; margin:0 auto;}.wrap ul{background-color:#FF0000; padding-left:200px; color:#FFFFFF;}.wrap ul li{float:left; padding:6px 30px;}开始以为是因为“溢出”产生的换行，就用firebug查看并计算了一下盒模型：最外层的.wrap 实际宽度是960pxul的内容宽度是760px(960-200)6个l 阅读全文
摘要：
1.浮点运算这可能是挫败一些对javascript不熟悉并准备执行一些数学运算的人的主要原因. alert(0.02 / 0.1); //0.19999999999999998 alert(1.14 * 100); //113.99999999999999 ;) Math.round()就能在这里派上用场.2.加号操作符的重载"+"加号运算符即能做算术运算,又能够做字符串的连接.如果正确的使用它是很便利的.让我们看一看.var msg, one="1"; msg = 2 + "1"; // msg = "21" m 阅读全文
摘要：
以数字开头命名的id或者class，只有IE能识别，形如： #0page、.1header。以下环线开头命名的id或者class，唯有IE不能识别，形如： #_page、._header。 阅读全文
摘要：
View Code <html><head><title>跨浏览器的圆角</title><style type="text/css">.test { width:560px; height:400px; background-color: #eee; padding:10px 8px 6px; border: 2px solid #C0C0C0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px;}</style& 阅读全文
摘要：
#preloadedImages { width: 0px; height: 0px; display: inline; background-image: url(path/to/image1.png); background-image: url(path/to/image2.png); background-image: url(path/to/image3.png); background-image: url(path/to/image4.png); background-image: url();} 阅读全文