
CSS
paulfzm
这个作者很懒,什么都没留下…
展开
-
兼容IE8,FF浏览器全屏
最近常在群时听到朋友们讲做DIV高度100%时总是不成功.实际高度只有1PX左右.其实这是对模型不熟悉的结果.在xhtml+css中, div标签也是套在body中,如果只是设置了这个DIV的高度还是不够得.因为body的高度没有设置那么div设置了100%也其实只有1px.如果要做真正的100%效果那么就要设置类似以下CSS body{height:100%} 这样试下.代码如下 <!D...原创 2009-11-23 15:59:48 · 111 阅读 · 0 评论 -
图片变灰
最近项目中遇到个问题,就是想要图片变灰,不可点击状。百度了下,找到了比较好的解决方案: 对于IE,下面一句就搞定了。 style="filter:gray;" 要更好兼容多种浏览器,下面一句搞定,虽然半透明状,但是也满足了需求! style="filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;" ...原创 2012-12-28 01:10:27 · 151 阅读 · 0 评论 -
ie6 fixed
/* 除IE6浏览器的通用方法 */ .ie6fixedTL{position:fixed;left:0;top:0} .ie6fixedBR{position:fixed;right:0;bottom:0} /* IE6浏览器的特有方法 */ * html .ie6fixedTL{position:absolute;left:expression(eval(document.docu...原创 2012-12-24 14:29:26 · 87 阅读 · 0 评论 -
英文长文本换行CSS
IE浏览器word-break:break-all;火狐浏览器word-wrap: break-word; 综合起来在css中添加word-break:break-all; word-wrap: break-word; 完成!原创 2012-01-18 15:50:46 · 114 阅读 · 0 评论 -
最大宽度
max-width:605px;_width: expression((this.offsetWidth > 605) ? '605px' : true) !important; max-width:605px;_height: expression((this.offsetHeight > 605) ? '605px' : true) !important;原创 2011-07-29 13:44:42 · 145 阅读 · 0 评论 -
CSS 图片垂直居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style type="text/css">div { display:table-cell; height:300px; width:500px; tex...原创 2011-06-17 15:35:04 · 88 阅读 · 0 评论 -
ff浏览器父容器自适应内部带有浮动层的高度的解决方法
ff浏览器父容器自适应内部带有浮动层的高度的解决方法 在父容器中加入 height:100%; overflow:auto;原创 2010-07-01 15:38:50 · 103 阅读 · 0 评论 -
CSS引用的两种方式
最近发现使用 <link href="http://www.xxx.com/styles.css" type="text/css" /> 方式无法解析服务器代码例如: asp.net 的<%=Path%> 这种情况可以使用以下方式 import文字上与link的区别就是它可以把在一个CSS文件中引入其它几个CSS文件,具体形式 <style type=...原创 2010-01-10 20:12:09 · 101 阅读 · 0 评论 -
图片垂直居中的使用技巧
.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: bl...原创 2013-02-12 14:59:44 · 89 阅读 · 0 评论