Archive for January, 2010

IE的有条件注释详解

Tuesday, January 26th, 2010

<!–[if lte IE 7]>
<style type=”text/css”>
@import “test.css”;
</style>
<![endif]–>IE的有条件注释是一种专有的(因此是非标准的)、对常规(X)HTML注释的Miscrosoft扩展。顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块。尽管是非标准的,但是有条件注释对于其他所有浏览器作为常规注释出现,因此本质上是无害的。有条件注释在Windows上的IE5中首次出现,并且得到了Widnows浏览器所有后续版本的支持。

IE的有条件注释及其有效,而且非常容易记住。主要的缺点是这些注释需要放在HTML页面中,而不是放在CSS中。这样,当你不需要这些东西,或者有所更改的时候,就需要维护很多的地方。

让我们据几个例子来看看吧——

(more…)

不同浏览器Css Hack记录

Sunday, January 24th, 2010

关于浏览器不同css hack写法,以下css hack写法 不能通过w3c标准。

width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px; /* IE7也能识别*号 */
_width:400px; /* IE6能识别下划线*/

让ie 通过 w3c的写法:

* html body{color:#ccc;}  //E6能识别

*+html body{color:#ccc;} //IE7 支持

firefox与IE透明度(opacity)设置区别

Saturday, January 23rd, 2010

1.IE6设置透明度

css设置

filter:alpha(opacity=50);

javascript设置

ieSpanJs.style.filter=“alpha(opacity=50)”;

2.firefox3.5设置透明度

firefox3.5支持css3,已经不对原来的透明度样式(-moz-opacity)提供支持(网上查的),在本人的firefox3.5.5上测试后,发现确实如此,现在的透明度设置为:

css设置

opacity:0.5;

javascript设置

firefoxSpanJs.style.mozOpacity=“0.5″;

(more…)

HTML表格详解

Saturday, January 23rd, 2010

据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后,决定写这篇文章。总的来说,我注意到由于误导性信息,他们对于 table 的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布 局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表列数据,你就不得不使用它们!为什么不呢?然而,在这种情况 下,一些人无视了用于table的某些HTML标签的存在并且不知道该如何正确的使用它们。

HTML有10个表格相关标签。下面是一个带有简介的列表,但是首先,文档要被正确的定义在HTML 4.01/XHTML 1或HTML 5下面: (more…)

border:none;与border:0;的区别

Saturday, January 23rd, 2010

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。

性能差异:

【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。

【border:none;】把border设为“none”即没有,浏览器解析“none”时将不作出渲染动作,即不会消耗内存值。 (more…)

关于使flash透明(IE,firefox,safari均支持的方法)

Saturday, January 23rd, 2010

可能大家在网页里添加flash的时候,总会遇到浏览器兼容的问题,下面我要说的是关于flash在网页中透明的问题:

代码展示:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="148">
<param name="movie" value="swf/top.swf" />    //针对ie浏览器 源文件
<param name="quality" value="high" />
<param name="wmode" value="transparent" />   //针对ie浏览器  透明属性
<embed src="swf/top.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashp
layer" type="application/x-shockwave-flash" width="770" height="148"></embed> //针对firefox浏览器  源文件加透明属性
</object>

(more…)

Javascript获取style和外链CSS的值

Monday, January 18th, 2010

IE:
element.currentStyle

currentStyle 对象返回了元素上的样式表,但是 style 对象只返回通过 style 标签属性应用到元素的内嵌样式。因此,通过 currentStyle 对象获取的样式值可能与通过 style 对象获取的样式值不同。例如,如果段落的 color 属性值通过链接或嵌入样式表设置为红色( red ),而不是内嵌的话,对象.currentStyle.color 将返回正确的颜色,而对象 style.color 不能返回值。但是,如果用户指定了 <P STYLE=”color:’red’”>,currentStyleSTYLE 对象都将返回值 red。
currentStyle 对象反映了样式表中的样式优先顺序。在 HTML 中此顺序为:

(more…)

封装腾讯QQ软件界面里的滑动效果

Sunday, January 17th, 2010

参考腾讯QQ软件界面里的滑动效果,自己从新用js封装了一下,没有加特别多的效果进去,不过整体上要简洁了许多,添加了竖向滑动的效果,

只需要调用的时候设置参数即可。

代码展示: (more…)

Hello world!

Tuesday, January 5th, 2010

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

© Copyright 2009 magic Jungle ® Professionally Designed WordPress Themes · All Rights Reserved · BrianEntries (RSS) and · Bopooo