Category Archives: HTML & CSS

[转]Firefox\Opera\Safari CSS Hack

Posted on 2009年10月27日 by Bell

能够为 Firefox、Opera、Safari 专写一个 Hack 的情况非常之少，所以以下 Hack 方式在我看来特别新奇。So，做个记录，不做火星人=.=! normal .sampleCss{ height:10px; } 1.Firefox 1-2 body:empty .sampleCss{ height:10px; } 2.Firefox @-moz-document url-prefix(){ .sampleCss{height:10px;} }

Posted in HTML & CSS1 views | Tagged | Leave a comment

关于IE8的HACK

Posted on 2009年10月20日 by Bell

这篇文章悲剧了…请移步针对IE8的HACK 这里介绍的IE8 hack其实名不副实,因为目前我还未找IE8的私有hack,记得beta时期有过,但那些hack在随后的正式版中被修复了,囧.所以IE8的hack其实就是其他浏览器hack的集合…看个例子: select{ left:-57px; left:4px\9; #left:-57px; _left:-57px;} left:-57px;  全局定义,所有浏览器都识别 [FF,chrome] left:4px\9;  IE hack,非IE浏览器无法识别 [IE8] #left:-57px;  IE7,6 识别  [IE7] _left:-57px;  IE6 识别  [IE6] 从例子可以看出,先是通过②定义全部IE的样式,再通过③④覆盖定义IE7,6的样式,这样使得IE8的最终解析为 left:4px\9; 虽然复杂了点,但还是可以达到预期的效果…不过最后还是啰嗦一句:Hack就像是止痛药,必要的时候还是可以救急,但滥用的话后果很严重…

Posted in HTML & CSS1 views | Tagged , | 1 Comment

Google 发布介绍 HTML 5 新特性的视频

Posted on 2009年09月25日 by Bell

HTML5是Google未来网络服务的根基,所以Google正不遗余力的做推广.最新发布的视频演示了HTML5的强大威力,包括:     * 通过Canvas标签实现的网络矢量图和SVG(Scalable Vector Graphics可缩放的矢量图形)     * 基于地理信息的Geolocation API     * HTML 5 Video     * HTML 5数据库和程序缓存     * Web workers 继续观看视频： Via Google Code Blog

Posted in HTML & CSS1 views | Tagged | Leave a comment

让层(div)覆盖在flash之上

Posted on 2009年09月22日 by Bell

在项目中遇到flash广告弹出窗口被浏览器屏蔽的情况.对AS没什么研究,所以用HTML的变通方式来快速解决此类问题. 原理很简单,就是做一个div并让它定位于flash之上,然后再在div中增加所需的跳转链接<a>. 看看代码: <div class=”flash”> <div style=”position:absolute; width:960px; height:150px; z-index:10; background:url(images/transparentbg.gif);”><a href=”#” target=”_blank” style=”display:block; width:100%; height:100%; text-indent:-999px;”>link</a></div>

Posted in HTML & CSS1 views | 1 Comment

如果你也关注CSS3,那么这一定是你想要的

Posted on 2009年09月3日 by Bell

css3.0中文参考手册! 在蓝色上看到的,归纳总结的不错. 下载

Posted in HTML & CSS1 views | Tagged | Leave a comment
Pages: Prev 1 2 3 4 5 6 7 8 9 10 Next