博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

摘要: 实用框架(iframe)代码CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox 10个技巧帮你搞定IE6CSS Hack和向后兼容的常见问题1.【强烈推荐】说说CSS Hack 和向后兼容 2.【推荐】CSS hack:区分IE6,IE7,firefox 3.CSS兼容IE/Firefox要点 4.IE6.0、IE7.0 与FireFox CSS兼容的解决方法 5.CSS Hack代码范例:兼容IE5.0、IE5.5、IE6.0、IE7.0、FF1.5、FF2.0 6.css hack解决IE5 IE5.5 IE6 Firefox浏览器兼容性 7.CSS HACK 兼容列 阅读全文

posted @ 2012-03-13 15:29 52jscss 阅读(109) 评论(0) 推荐(0)

2012年3月31日

摘要: <iframesrc="http://www.baidu.com"marginwidth="0"marginheight="0" border="0"scrolling="no" frameborder="0"width="350"height="270"></iframe><iframesrc="http://www.facebook.com/plugins/like.php?href=YOUR 阅读全文

posted @ 2012-03-31 11:02 52jscss 阅读(1105) 评论(0) 推荐(0)

2012年3月29日

摘要: http://www.qianyunlai.com/blog/120.html 阅读全文

posted @ 2012-03-29 20:40 52jscss 阅读(137) 评论(0) 推荐(0)

摘要: 起源: .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ 说明: *对大多数符合标准的浏览器应用第一个声明块, 阅读全文

posted @ 2012-03-29 20:38 52jscss 阅读(167) 评论(0) 推荐(0)

2012年3月28日

摘要: 要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE 下的显示错误,就是源于 haslayout。 什么是 haslayout ? haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用 了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout 属性值为true时,我... 阅读全文

posted @ 2012-03-28 22:14 52jscss 阅读(133) 评论(0) 推荐(0)

2012年3月15日

摘要: 自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-space:normal ,当定义的宽度之后自动换行html:<divid="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>css:#wrap{white-space:normal;width:200px;}1.(IE浏览器)连续的英文字符和阿拉伯数字,使用wo 阅读全文

posted @ 2012-03-15 15:48 52jscss 阅读(1841) 评论(0) 推荐(0)

摘要: 虽然说IE8已经来了,并且表现不错。8 个小时突破1200W下载,远远地超过24小时下载800W的firefox。但对于整个互联网,IE6仍然是用户最多的浏览器。暂不说IE6怎样,把 Web的表现做得更好,既是一种责任,也是一种能力的表现。如果你依然对IE6所出现的种种问题无可奈何,就让我带你来看一下来自SitePoint的 10 Fixes That Solve IE6 Problems,学会这10个方法,你将可以解决大部分IE6出现的问题。 1. 使用 DOCTYPE 你需要在HTML页面的最顶部加上DOCTYPE类型,当然, strict版是值得推荐的,例如: <!DOCT... 阅读全文

posted @ 2012-03-15 15:29 52jscss 阅读(128) 评论(0) 推荐(0)

摘要: 今天被在修改CSS的时候,突然碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下: selector{property:value;/*所有浏览器*/property:value\9;/*所有IE浏览器*/+property:value;/*IE7*/_property:value;/*IE6*/} 当然,注意顺序。根据CSS的优先性,上面的写法,分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个演示: 演示的CSS代码如下: p.ie{... 阅读全文

posted @ 2012-03-15 15:18 52jscss 阅读(137) 评论(0) 推荐(0)

2012年3月13日

摘要: 最近的工作中,有很多表单的制作,很多次都碰到复选框与文字对齐的问题,发现在不同的浏览器中,显示各异,显示效果如下 观察发现,IE6、IE7 显示效果基本相同,算是显示比较正常的效果,IE8、safari 和火狐显示效果基本相同,两个文字都偏下,而opera稍偏下。在之前我的解决方法,都是通过文字外面套上另外的标签,等, 通过调整input标签和label的html标签来对齐,大概方法即是让input 和label 标签都左浮动,但前提一定是在写页面的时候,文字外面加了label 标签,这种方法应为定义了大量的浮动,还需要清除浮动,才能保证下面页面的正常显示,或者有些人用相对定位等方... 阅读全文

posted @ 2012-03-13 23:43 52jscss 阅读(482) 评论(0) 推荐(0)

2012年3月10日

摘要: http://www.popub.net/ 阅读全文

posted @ 2012-03-10 15:56 52jscss 阅读(116) 评论(0) 推荐(0)

2012年3月7日

摘要: 背景 在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通 过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、js等,而不 必从你的服务器读取,这样在一定程度上加快了网站的打开速度,又可以节约一下你的服务器流量。 问题 现在问题来了,.htaccess设置的css、js缓存都有一个过期时间,如果在访客的浏览器中已经缓存了css、js,在这些 css、js缓存未过期之前,浏览器只会从缓存中读取css和js,如果你在服务器上修改了css和js,那么这些更改在回头客的浏览器中是 阅读全文

posted @ 2012-03-07 14:12 52jscss 阅读(419) 评论(0) 推荐(0)

摘要: HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,预 计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。 现在已经有一些网站开始支持HTML5了,比如一些国外的大站如YOUTUBE,无需FLASH就可以播放视频。 国内网易邮箱也开始支持HTML5,支持附件拖曳! 所以我们有理由相信HTML5时代将很快到来! 在线文档http://www.w3school.com.cn/html5/index.asp. 阅读全文

posted @ 2012-03-07 12:04 52jscss 阅读(779) 评论(0) 推荐(0)