css
文章平均质量分 88
alexxiyang
java,nodejs,php
展开
-
利用IE关于Z-index的BUG造成的神奇效果
把下面这个代码保存为test.htmlmeta http-equiv="Content-Type" content="text/html; charset=gb2312" />div id="contain" style="position: relative;"> div id="box1" style="position: absolute; top: 100px; left:原创 2008-04-17 22:24:00 · 1666 阅读 · 1 评论 -
ie6下div的width会被padding撑开的解决思路
你可以尝试设置该元素的box-sizing:border-box []原创 2014-05-21 10:15:59 · 1555 阅读 · 0 评论 -
如何让你的 footer 总是在浏览器底部无论什么分辨率无论什么浏览器?
原文 地址http://ryanfait.com/sticky-footer/ A CSS Sticky Footer that just works We've all tried to use a CSS Sticky Footer one time or another, but they never seem to come out right, do they? Well,翻译 2013-08-14 11:11:07 · 3040 阅读 · 0 评论 -
很不错的去浮动方法
以前都是加一个 clear:both 的div块来把浮动div的父元素撑开,现在发现,直接在父元素上加上这段css可以自动撑开 .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix转载 2013-08-22 10:30:31 · 1200 阅读 · 0 评论 -
css渐变参数说明(webkit内核的safari、 Chrome, FF等)
webkit内核的safari、 Chrome webkit内核的safari、 Chrome的Linear Gradients (线性渐变) 基本语法:background-image:-webkit-gradient(type,x1 y1, x2 y2, from(开始颜色值),to(结束颜色值), [color-stop(偏移量小数,停靠颜色值),...] );-webkit-grad转载 2013-06-03 11:15:45 · 1496 阅读 · 0 评论 -
IE6 的 hasLayout 的研究
要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多 IE 下的显示错误,就是源于 haslayout。 什么是 haslayout ? haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组转载 2012-03-03 16:03:52 · 1278 阅读 · 0 评论 -
css 出错时的检查方法
1、检查页面的标签是否闭合 不要小看这条,也许折腾了你两天都没有解决的 CSS BUG 问题,却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的,而他们很容易犯此类问题。 快捷提示:可以用 Dreamweaver 打开文件检查,一般没有闭合的标签,会黄色背景高亮。 2、样式排除法 有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的转载 2012-03-03 15:59:44 · 1614 阅读 · 0 评论 -
CSS中Zoom属性的一些介绍
这里我们介绍一下CSS中的Zoom属性,这个属性一般不为人知,甚至有些CSS手册中都查询不到。 其实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。 Zoom的使用方法: zoom : normal | number转载 2012-03-03 15:59:03 · 1206 阅读 · 0 评论 -
使用blendtrans滤镜转换文字时容易出的错误,或者不能问题
先看一段很简单的代码:script>...function tc()...{ text.filters[0].apply(); text.innerHTML="hahahahaha"; text.filters[0].play();}script>div id="text" style="filter:blendtrans(duration=1);" onMouseOver="tc(原创 2008-05-03 12:01:00 · 1196 阅读 · 0 评论 -
使用filter完成的漂亮的CSS渐变特效——blendtrans
再说神奇的 filter 滤镜,不过要提醒大家的就是在 firefox 下面不能使用 filter blendtrans的设置特别简单,就是设置一个转换时间:filter:blendtrans(duration=3)单位是秒这次用 blendtrans 来实现渐变成另外一幅图,先粘贴到记事本里面保存成html看看效果再看代码吧:html>head>script type="text/j原创 2008-04-24 19:22:00 · 7817 阅读 · 4 评论 -
用好 CSS 的 filter滤镜,让你的网站超炫
让网站又漂亮又快是大家共同追求的目标。CSS 一个比较炫的属性 Filter 是非常帅的,可以不用flash就做出很漂亮的效果。filter 中有14个滤波器,我先使用 alpha 滤波器做个渐变的例子把。例子:首先,把下面的代码粘贴到 test.html 中,并运行 SCRIPT language=JavaScript>...var direction=0funct原创 2008-04-20 22:38:00 · 1931 阅读 · 0 评论 -
图片透明度变换实现方法
换class .opacity1 {-moz-opacity:0.5} .opacity2 {-moz-opacity:1} if ((navigator.appName.indexOf('Microsoft')+1)) { document.write(' .opacity1 {filter:alpha(opacity=50)} .opacity2 {filt原创 2014-09-26 15:26:44 · 1047 阅读 · 0 评论