摘要: style 也是标签(在非ie内核的浏览器中支持),直接上图我们将style设置成 contenteditable的时候,那么那的内容就可以编辑了。仔细的体验下,如果我们将背景修改成红色的。那么只要书写完,立马呈现。哇靠,这很方便我们以后写那种动态的编辑器效果呢,等有时间的话,我再试试。附上我研究的代码:[代码]23/html参考文章:http://css-tricks.com/show-an... 阅读全文
posted @ 2011-04-11 22:43 yupeng 阅读(962) 评论(0) 推荐(0) 编辑
摘要: 这篇文章是翻译http://haslayout.net/haslayout这篇英文的。写的挺好的。介绍这篇文章是一个总结haslayout的文章。更新:haslayout在ie8的标准模式下已经被废弃了,但是在ie7的兼容版本以及以下的版本是仍然存在的。什么是haslayout?MSIE有一个很早很早,过时的渲染引擎Mosaic . 在表格布局的时代。几乎是所有的元素(除了内联内容)都是一个盒子。内容几乎不可能超过表格的单元格。表格的单元格不可能超出表格。很多年过去了。微软开始采用Tridentengine来使用CSS,但是,CSS改变了最初的这个古老引擎的假设(最重要的一点就是任何元素都会包 阅读全文
posted @ 2011-04-11 22:10 yupeng 阅读(4482) 评论(0) 推荐(2) 编辑
摘要: 上代码:<!DOCTYPE HTML><html ><head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <style type="text/css"> .mod-test1{ font:20px/1.5; color:red; } .mod-test1.bg{ background:#dfdfdf; display:inline-block; padding:5px 10px 阅读全文
posted @ 2011-04-11 20:27 yupeng 阅读(394) 评论(0) 推荐(0) 编辑
摘要: ie6下是不支持position:fixed的,这是ie6下的一个bug,ie7+ firefox,chrome都支持固定定位的。怎么解决这个问题呢?有两种方案:1)针对ie6写hack,其他的浏览器仍然用position:fixed属性。使用position:fixed 很简单,这里就不再叙述了。下面介绍下怎么解决ie6下的问题。使用position:absolute 绝对定位来解决。构造一个滚动条,这个滚动条是包含该文档的内容滚动条(它可以是body的,也可以是某个div的)。很明显position:absolute是绝对定位的。他脱离了整个文档流,他不相对该滚动条包含的文档,而应该是滚动 阅读全文
posted @ 2011-04-11 18:21 yupeng 阅读(2939) 评论(10) 推荐(1) 编辑
摘要: 上篇我写了我对浮动的认识(一),里面主要说了float的初衷和浮动带来的一些实际本质的问题。聪明的css开发者利用css的占位特性进行布局,的确起到了一些很好的效果,但是也会带来一些实际的问题。比如浮动后没有高度,高度为0.这个现象 ,请广大的css开发者留意。不然可能出现一些很莫名奇妙的问题。如何解决这个问题呢?亦即清除浮动有2种方式:1)使用伪对象(不用增加新的标签),代码如下:.clearfix:after{content:".";display:block;height:0;clear:both,visibility:hidden}.clearfix{ zoom:1 阅读全文
posted @ 2011-04-11 10:52 yupeng 阅读(1800) 评论(1) 推荐(0) 编辑
摘要: 直接写的代码,在各个浏览器测试总结的结果。如果有什么不全面,请各位大侠指正。结果在代码:<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><styletype="text/css">h4{margin:5px;padding:0px;border-bottom:1pxsolid#000;}</style><title>微 阅读全文
posted @ 2011-04-11 09:03 yupeng 阅读(2024) 评论(3) 推荐(1) 编辑
点击右上角即可分享
微信分享提示