易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS中不同浏览器的兼容性问题(搜集到的)

随着最新CSS的不断完善,越来越多的网站采用DIV+CSS布局。而原来使用table套table的网页布局模式也逐渐应该淘汰了。由于目前IE6不能支持有些标准的CSS,需要用微软特有的CSS来修复这些BUG.而且现在随着浏览器层出不穷,要是页面能够适应尽量多的浏览器成为一个课题。 但是随着CSS标准的进一步完善,浏览器将最终都会遵循这个标准,到时候写DIV+CSS布局的页面就不那么麻烦了。
但是现在,我们还是需要处理CSS在不同浏览器下的兼容性。一下是一个网友写的CSS兼容技巧,值得大家参考。
CSS兼容技巧
  1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.
             可用!important解决
  2, 居中问题.
   1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)
     2).水平居中. margin: 0 auto;(当然不是万能)
  3, 若需给 a 标签内内容加上样式, 需要设置 display: block;(常见于导航标签)
  4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.
  5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)
  6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.
  7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.
针对firefox ie6 ie7的css样式
  现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,
  但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针
  对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。
  现在写一个CSS可以这样:
  #1 { color: #333; } /* Moz */
  * html #1 { color: #666; } /* IE6 */
  *+html #1 { color: #999; } /* IE7 */
  那么在firefox下字体颜色显示为#333,IE6下字体颜色显示为#666,IE7下字体颜色显示为#999。
css布局中的居中问题
  主要的样式定义如下:
  body {TEXT-ALIGN: center;}
  #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
  说明:
  首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样�


相关文档:

js+css实现翻页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"><head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> &nb ......

第一次玩论坛,我是一个忠实的CSS者

姓名:乐乐---乐css-lecss
团队开发做的。本人负责的页面以及排版之类的,有兴趣的可以去网站上转悠转悠下。。
天堂网:
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx 
老人网:
www.laoren.cn
--
设计过程那是一种漫长而昂贵的折磨..。
--
我蛮喜欢CSS的,可是却也对它很烦恼,有 ......

javascript+css 实现tab功能

<!---------<html>
    <head>
        <style type="text/css">
.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......

CSS Hack速记

CSS Hack速记: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 必须保证HTML顶部有如下声明:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   示例 height:100px;【FF】 ......

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" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号