兼容性,双倍间距,图片格式,帧窗口,绝对居中

兼容性

  • img加a标签链接跳转时,在ie6有边框
  • 解决方法:img{border:0;}
  • 给a标签加
  • {font-size:0}
  • display:block 设跟图片一样的宽高

双倍间距

识别浏览器加_

  1. display:inline;
  2. _margin-left:后边兄弟元素的一半;
      • ie6 ie7
  3. -ms- ie
  4. -moz- ff火狐
  5. -webkit- chorome
  • ie8以下不支持圆角(border-radius:50%;)

png

  1. png8 png24 可以看到下面
  2. gif 图片
  3. 滤镜filter:alpha(opacity=50);
  4. jpg只是图片 没有透明度
  • opacity:内部所有元素都透明的
  • background:rgba(255,0,0,0.5) rgb()
  • _position:absolute;
  • _top:expression(eval(document.documentElement.scrollTop+200))
  • width/height太小的话加overflow:hidden
  • 让超出部分显示 position:relative

帧窗口

  • frameset标签
  • 不能和body共存 先删掉掉body
  • target="name" 跳转到name页面
  • noresize 不能调线
  • IE filter:alpha(opacity=50)
  • background-rgba(255,0,0,0.45) 在css3中
  • frameset rows="20%, *"
  • rows 行数
  • 代表剩下的 平均分配
  • frameborder="0"(0-1) 0代表无边框 1代表有边框

水平居中:

  • margin:0 auto;

绝对居中:

  • margin:auto;
  • position:absoulute;
  • top:0; bottom:0; left:0; right:0;

猜你喜欢

转载自www.cnblogs.com/liuxuhui/p/12157040.html