摘要：div { zoom: expression(function(el){el.style.zoom = "1"; alert(el.tagName);}(this));}
阅读全文
posted @ 2009-09-22 22:50
随笔分类 - CSS
DIV+CSS / DOM
摘要：/****************************************************** * * 经典左右两列布局CSS * *****************************************************/ /* 外层包裹层*/ .outdiv{ ...
阅读全文
posted @ 2009-08-08 13:21
摘要：从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声明，更多CSSBUG浏览器兼容知识请参考52CSS.com的文章与教程。CSS技巧1.div的垂直居中...
阅读全文
posted @ 2009-04-06 14:09
摘要：IE不支持height:0？那只是IE对空标签默认插入空格的bug而已，overflow:hidden就可以了，这么麻烦干什么. 下面这种方法也不错： .clear { clear: both; font-size: 0; line-height: 0; overflow: hidden; hei...
阅读全文
posted @ 2009-03-18 12:51
摘要：在进行CSS网页布局时会遇到许多奇怪的问题，这些问题可能是浏览器的bug，也可能是我们对CSS属性不够了解，虽然52CSS.com介绍了大量的知识，但多动手编码，掌握到了技巧才是自己的。 今天谈谈CSS外边距叠加的问题，边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。 合并后的外边距的...
阅读全文
posted @ 2009-03-17 10:40
摘要：使用float时，一定要注意以下几点： 1、如果内部有float浮动层时，外部的层最后在内部结尾时，最好用clear：both清除。如果本身也是float，则不用。 2、float浮动层要，如果并列有好几个，第一个一定要用display：inline(兼容IE6,消除双边距问题),最后一个层如果不是...
阅读全文
posted @ 2009-03-12 13:09
摘要：Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->li{width:200px;min-height:250px;border:1p...
阅读全文
posted @ 2009-03-12 10:24
摘要：兼容：IE7,8,FF Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 兼容:ie6 Code Code high...
阅读全文
posted @ 2009-02-17 09:58
摘要：宽度、高度 jQuery(’#elem’).width() // 获取CSS定义的宽度 jQuery(’#elem’).height() // 获取CSS定义的高度 clientWidth = width + padding clientHeight = height + padding...
阅读全文
posted @ 2009-02-13 13:00
摘要：兼容浏览器的CSS控制字符宽度省略号效果，是非常实用的，由于FF对溢出显示省略号的属性支持不好。因而在进行编码时，应用到了一个HACK和FF的私有属性，大家在学习时注意区别。 Code highlighting produced by Actipro CodeHigh...
阅读全文
posted @ 2009-01-08 14:24
摘要：ulli{ float:left; margin:012px12px0; display:inline; } display:inline的意思是基线显示可以消除IE6和IE7下的浮动BUGdisplay:inline可以消除IE6双倍边距的BUG。
阅读全文
posted @ 2009-01-08 13:53
摘要：如何跨浏览器使用连续字符的换行 2008-7-3 下午 - HTML/CSS/XML/XSL - CSS 由于连续的字符（字母、符号、数字）在默认情况下是不换行的，可能会破坏整个界面布局。 那如何解决这个问题呢？ 在 IE 和 Safari 1.3+ 下相对比较容易解决，使用 CSS 属...
阅读全文
posted @ 2008-12-18 16:55
摘要：1、div {display:inline-block;...}div {display:inline;} 2、div {display:inline; zoom:1;...}
阅读全文
posted @ 2008-12-10 22:02
摘要：#content { overflow: hidden; zoom: 1; } #left { float: left; width: 200px; } #right { background: #FFC8D0; overflow: hidden; /*ff,ie7支持*/ zoom: 1; /*ie6支持*/ }
阅读全文
posted @ 2008-12-08 00:23
摘要：IE:onfocus="this.blur()" 或 hidefocus = "true" FF: css用outline:none; 使用 document.onselectstart = function() {return false;};和 document.onmousedown = function (event) {event.preventDefault ()};
阅读全文
posted @ 2008-12-01 10:16
摘要：在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不通范围的透明度。具体语法如下： 引用内容： {filter： alpha(opacity=opacity,finishopacity=finishopacity,style=style,start...
阅读全文
posted @ 2008-11-12 15:12
摘要：水平方向上的字距word-spacing和letter-spacing。word-spacing是指单词间隔，letter-spacing是指字母的间隔。
阅读全文
posted @ 2008-08-25 12:51
摘要：CSSbug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与 IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中，也包含了这方面的内容。轻松的解决CSSbug是我们必须掌握的技能。 现在整理出最常用...
阅读全文
posted @ 2008-08-03 13:16
摘要：#mrjin{ background:#ccc; min-height:100px; height:auto!important; height:100px; overflow:visible; }
阅读全文
posted @ 2008-07-26 10:27
