摘要: .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 阅读全文
posted @ 2011-08-11 17:21 拉登不开心 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 把下面这段代码复制到你的页面上,会有一个惊喜!<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 阅读全文
posted @ 2011-08-11 16:44 拉登不开心 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 这是一个奇怪的问题。最后一个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 阅读全文
posted @ 2011-08-11 12:58 拉登不开心 阅读(259) 评论(0) 推荐(0) 编辑