CSS技巧

经典的菜单效果CSS范例

用以下CSS,可以实现菜单项常用效果。例如hover时,可以与link时显示不同的背景图片、背景色、字体、字体颜色等等。也就是说这个CSS是通用的,你可以根据他进行拓展应用。

标签:
发布在 CSS技巧 | 没有评论 »

FireFox 3.5+不再支持-moz-opacity属性

安装FireFox3.5后,发现以前项目网页中有透明属性的一些DIV都不透明了。于是猜想,FireFox3.5难道不支持它自家的CSS透明属性-moz-opacity了?上网一查,果真如此。
在https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了:
Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.
现在都要改用opacity这个属性。

标签:
发布在 CSS技巧 | 没有评论 »

在firefox与IE下DIV+CSS Padding效果不同的解决方法

以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,

标签:,
发布在 CSS技巧 | 没有评论 »

DIV背景图片在IE下正常,Firefox下不显示

DIV背景图片在IE下正常,Firefox下不显示的问题?

一般情况下是因为你的div里面加了float属性, 如float:left,在FF里如果里面的元素加了float属性float:left(right),它就不会被撑开的,也就是说的它的高度是0.

标签:, ,
发布在 CSS技巧 | 没有评论 »

CSS在线使用手册

CSS在线使用手册 方便实用。汇集了CSS里面的所有属性和方法。
并有示例,方便调阅。请大家查看。

标签:,
发布在 CSS技巧 | 没有评论 »

DIV相对于父DIV底部对齐

DIV相对于父DIV底部对齐
<style type="text/css"> .box1 {border:1px #cccccc solid;  width:500px; height:600px;position:relative;} .box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;} </style> <div>     <div></div> </div>
重点是:bottom:0;

标签:, ,
发布在 CSS技巧 | 没有评论 »

CSS滤镜效果说明

duration : 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而,当你一旦调用了 play 方法,在回放持续过程中 Duration 特性就变为只读特性。

标签:,
发布在 CSS技巧 | 没有评论 »

支持css控制的文本框flash+txt源文件

很酷的css控制的文本框flash+txt源文件

css控制的文本框flash+txt源文件 flash8 as2,调用flash+txt的例子,支持html和css代码。

标签:, ,
发布在 CSS技巧 | 没有评论 »

如何让网页同时兼容FireFox和IE

div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行。

标签:,
发布在 CSS技巧 | 没有评论 »

CSS控制DIV底部对齐

如果页面内容很少,不足填充一屏的窗口区域,按普通的布局,就会出现底部内容并没有位于窗口的底部,留下了大量空白。

标签:
发布在 CSS技巧 | 没有评论 »