随笔分类 -  CSS

跨浏览器的缩略图显示
摘要:平常经常需要将图片按比例显示在一个定高和定宽的容器中,由于ie对很多CSS属性的不支持,有些时候不得不用到js。这里介绍一个方法,在各种浏览器上都能比较完美的将图片显示在定高定宽的容器中。对于这样一个缩略图列表的html[代码]1、在支持max-width和max-height的浏览器(包括ie7和ie8)中,可以如下方式显示图片:[代码]主要是设定img标签的max-height和max-wid... 阅读全文

posted @ 2008-10-14 04:33 LongWay 阅读(868) 评论(0) 推荐(0) 编辑

CSS定高多行垂直居中
摘要:用Table布局可以很容易的实现文字和图片的垂直居中,但是在div的布局中呢,要实现定高容器里面的内容的垂直居中不是太简单的事情。 在DOM标准中 在IE中 综合 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->#boxOuter {... 阅读全文

posted @ 2008-09-29 18:42 LongWay 阅读(531) 评论(0) 推荐(0) 编辑

运用CSS进行灵活的列布局
摘要:一、开篇 现在的网站的主体部分很多都采用了列布局,常见的情形如下: 在ASP.NET中,每个页面重复的部分可以写在MasterPage中去(比如上图中header、footer以及body的外框)。 那么body里面的列布局到底写到MasterPage里面还是在每个页面都写一次呢? 在我看来有三种方式: 1、在MasterPage中只写body的外框,body里面的列布局由每个页面自己来写,这... 阅读全文

posted @ 2008-09-18 07:28 LongWay 阅读(634) 评论(0) 推荐(0) 编辑

CSS Collections
摘要:1、 链接样式定义的顺序: a:link a:visited a:hover a:active 2、 IE下块元素float时,margin要加倍: 解决办法是:在浮动元素上加上display:inline; 3、 透明度的设置 opacity: .8;(ff下的设置) filter: alpha(opacity=80);(ie下的设置) 4、 ie中的空div是会有一定高度的。 5、 ... 阅读全文

posted @ 2008-09-10 07:44 LongWay 阅读(355) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示