css专区
文章平均质量分 73
tangdonnaui
这个作者很懒,什么都没留下…
展开
-
有关IE浏览器的条件注释
前段时间就知道有关IE的条件注释语句,但一直没有引起我的注意。昨天同事的一句不经意的提醒,让我猛然发现,这个条件注释还是挺不错的。现在让我们看一下有关它的语法。 格式: 所谓的IE条件注释,它在FF当中是不起任何作用的,所以在FF中基本上可以完全忽略掉。还有几个有关它的判断条件的语法: ie 表示等于 gt 是表示大于 gte 表示大于等于...2008-08-04 16:13:56 · 81 阅读 · 0 评论 -
用css让图片按比例缩小
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-e2009-06-04 14:11:21 · 120 阅读 · 0 评论 -
有关图片列表会有3像素的间隔的问题
这个毛病在FF中出现在,而且出现的频率还挺高的。结构: <ul> <li><a href="#"><img src=""/></a></li> <li><a href="#">&a2009-11-30 17:02:47 · 182 阅读 · 0 评论 -
有关层与层之间的叠置问题
以前旦旦知道,z-index用来层叠div层的,却没有真正去思考它的用法。以至于在今天的使用过程中遇到这个的问题,我久久没有想到解决的办法。原来在设置层与层的叠置问上,我们必须要考虑到,两个层必须在一个div 里面,同时,在设置z-index的时间,我们必须要考虑到position的问题,我们必须将要层叠的层设置为relative|absolute,原来这就是问题的所在。 ...2009-06-10 19:21:21 · 125 阅读 · 0 评论 -
IE 6下图片与背景图片的透明
一般的透明的图片,我们分两种,一种是实际图(即img 元素),一个是背景图(background)。 1.先说背景图: 简单来说就两句话: /*for IE7 and FF*/ html>body .div{background:url(../img.png) no-repeat ;} /* for IE6 */...2008-12-30 09:49:58 · 102 阅读 · 0 评论 -
无高度背景图
这一年来一直有遇到过这样的问题,多次试验之后竟然找到我解决的方法: 就是为一个标签设置背景时,但是你不得已不能设它的高度时,这个时候一般它的图片是不能显示的, 好了,我现在找到了一个很好的办法,那就是在这个标签里设置一个padding(最好是设个padding:1px;)值,这样你就可以完全解决了....2009-01-12 14:05:45 · 66 阅读 · 0 评论 -
图片垂直居中的问题
注:收藏于蓝色(http://bbs.blueidea.com/thread-2666987-1-3.html)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www....2009-02-13 18:26:42 · 75 阅读 · 0 评论 -
左中右3栏布局中最先显示中栏内容的方法
现在制作讲究的是“标准”,是“快速”,这样还不够,还必须用户体验要好,嗯,不错,不错呀。最近做了一套QQ笔试题,从中,我又发现了一个吸引人的布局,大家往下看。 一般在加载网页的�候,我们总是想在还没有加载完的情况下,看到最有价值的东西,那么为了突出这个有价值,我们在制作的过程中,也必须有这样必要去掌握这个布局。 现在我们所举的例是以三例布局来展示的。请看,一个网页用户最想看到的是中栏...2009-02-16 15:14:17 · 203 阅读 · 0 评论 -
三列等高布局
为了让网页更美观、协调,有的时候需要用到左右等到布局,传统的等高布局是用 javascript 实现的,现在来看看 silence 发明的真正的 CSS 实现的等高布局,其方法主要是采用“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法实现的。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w...2009-02-16 15:43:19 · 87 阅读 · 0 评论 -
纯css文本溢出省略(兼容IE6+、FF2.0+、Opera9.26+、sefari)
这个效果弄了,很久,现在终于有头绪了。xhtml: <ul> <li><a href="">很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀很长很长呀</a></li> <li><a href="">很长很长呀很长很长呀很长很长呀很长2009-02-16 18:15:51 · 105 阅读 · 0 评论 -
有关在ie6中不定义宽度的浮动
这个问题是在工作当中遇到的。一般的情况,ie6如果在左右浮动来布局页面的话,一般都要定大小了。但是这样就局限了我们样式的扩展,有时候我们不得不,要根据内容的宽度来确定一个div的宽度,所以一般情况下,我们是不能定死宽度的。说是说,我们得拿个实例来。请先下载附件,继续…… 我大概的布局就是 <ul> ...2009-08-31 15:37:52 · 62 阅读 · 0 评论 -
有关于给图片设置阴影,兼容ff与ie
CSS代码:.baseBlock{ width:220px; position:relative;}.baseBlockIn{ padding:10px 15px; background:#a0b3d6; box-shadow:10px 10px 5px #444; -moz-box-shadow:10px 10p...原创 2011-01-04 19:12:01 · 99 阅读 · 0 评论 -
css清除浮动
/*--------------------------清除浮动 -----------------------------------*/.clear{clear:both; font-size:1px; line-height:0; height:0; }.clearfix:after{content: ".";display: block;height: 0;clear: both;...原创 2008-11-27 10:04:20 · 47 阅读 · 0 评论 -
有关内层div设margin,在外层不起作用的解决方案
这个问题别人向我提了多次,但是我没有怎么重视,今天一同事,再次问我,我特意留意了一下。先看例子:(有问题的例子) <style> .a {background:red; width:300px; height:300px; } .b {background:green; position:relative; width:100px; height:20px...2009-05-25 13:51:04 · 206 阅读 · 0 评论 -
有关IE 滚动条颜色无法设置的问题
首先,让我来介绍一下加浏览器滚动的代码:必须有一个 overflow-x:scroll/hidden来控制滚动条的显示。然后介绍一下这些属性的作用:SCROLLBAR-FACE-COLOR: rgb(10,236,209); //滚动条凸出部分的颜色SCROLLBAR-HIGHLIGHT-COLOR: rgb(23,255,155);//滚动条空白部分的颜色SCROLLBAR-SHA...2009-03-04 14:40:35 · 235 阅读 · 0 评论 -
在IE6中浮动层遮盖不住select的方法
第一次遇到这个问题,然后也是第一次听到标签也有优先级别.它们的优先级别分别是:div>iframe>select.解决办法: 1.最好的解决办法就是在这个浮动层的同一级加上一个iframe框架,因为iframe框架的优先级别比较的高. 再就是说,用css将iframe与浮动层重叠,将iframe置与浮动层的下一次,即将text-index比浮动层设得少一点,这样问题就解决了....2009-03-12 13:51:36 · 47 阅读 · 0 评论 -
层的透明度
有关于层的透明度的问题:filter:alpha(opacity=30);/*ie使用*/ opacity:0.3;/*ff使用*/原创 2009-09-18 09:53:20 · 103 阅读 · 0 评论 -
最新 bug 集
/***** 选择器 Hacks ******/ /* IE 6 及以下 */* html #uno { color: red } /* IE 7 及以下 */*:first-child+html #dos { color: red } /* IE 7 和其它各大浏览器的最新版本*/html>body #tres { color: red } ...原创 2009-09-18 10:03:00 · 77 阅读 · 0 评论 -
有关英文自动换行的问题
在工作的过程中,遇到过这样一个问题,在中文的状态下,我们换行、断句直接用word-wrap:break-word;overflow:hidden;就可以解决问题,但是在英文的状态下,这个方法无法达到我们想要的效果。因此,我们只能利用js的办法去解决这个实际性的问题,下面我们来看实例:div { width:300px; word-wrap:break-wo...2009-04-20 09:53:30 · 125 阅读 · 0 评论 -
在IE与FF中单击链接时虚线的清除
我们编写链接标签(锚)时,单击它,它总是会出现很难看的虚线。只要a 的样式中写个这个 a{outline:none;}/*在FF中*/ a{blr:expression(this.onFocus=this.blur());}/*在IE中*/在各种浏览器中都可以清除虚线了。...2009-10-17 10:25:26 · 59 阅读 · 0 评论 -
有关IE6 中的 :hover 小bug
今天在工作当中遇到的一个小问题,也终于找到我答案,所以想共享这方面的信息。问题:一般的情况,我们在各个浏览器中总会用到特效,例如: hover。 这个大家用的也比较的多。 但是有一个问题就是我们在IE6中却无法去实现这种效果。解决方案: 1.结构很重要。一般的情况是,我们必须要有一个<a>标签,这个是关键所在。 2.所以IE6的bug就...2008-11-12 13:10:43 · 83 阅读 · 0 评论 -
网页布局设计的标准尺寸
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面...原创 2008-11-12 13:20:05 · 1881 阅读 · 0 评论 -
常用的CSS命名规则
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导...原创 2008-11-12 13:21:46 · 59 阅读 · 0 评论 -
有关我的个人框架的问题
经过有两年的网页制作经验,让我总结出了一套我个人的css框架。我的css文件主要分: reset.css layout.css base.css 其它模块样式。reset.css(主要重构浏览器基本样式,这样大大减少了各种浏览器之间的兼容性)借鉴了为之漫笔的样式总结成得来的。 body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h...2009-04-21 17:29:55 · 49 阅读 · 0 评论 -
有关各浏览器兼容display:inline-block
我们说的标签一般分两种,一种是块级元素,一种就是内联元素。 它们各有各的特点,块级元素是指,这个元素将会换行,而内联元素的优势就是会在一行内可以显示多个内容,可以说起一个 “小”浮动的作用。 但是我们有时在不得已的情况要,要将一个内联元素,有块级元素的特征,但是又不要让它换行,怎么办? 好了,既然问题出来了,我们就来解决它。display:inline-block这是一好...2009-04-25 16:41:58 · 160 阅读 · 0 评论 -
ul 、ol li 继承原有样式的问题
如: 1、为什么我的服务器无法远程了? 2、为什么我的服务器总是自动重启? 3、为什么我的服务器总是自动重启? 以前写这种类型的列表,都是自己用键盘输入这些数字,其实不然,ul 、ol li本身就自带了这个样式,我们没有好好利用起来而已。 按照平常写样式,我们会先用reset.css来清除浏览器的样式,这样的话,就会将li 上原本自带的列表样式清除掉,...2011-05-26 11:32:05 · 355 阅读 · 0 评论