• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > 老版本浏览器兼容,css2学习

老版本浏览器兼容,css2学习

作者: 字体:[增加 减小] 来源:互联网 时间:2017-12-31

本文主要包含等相关知识,希望在学习及工作中可以帮助到您

/*

行间隔,盒子模型每个div的行间用一个类clearfix来达到间隔10px的效果;

清除浮动,用clear:both

超出高度隐藏,ie的div默认高度是18px,超出部分会被撑开,所以用overfllow:hidden

*/

.clearfix {

      float:left;

      height:10px;

      width:100%;

      clear:both;

      overfllow:hidden;

}

/*

因为css2没有圆角效果,所以用图片来做

下层用图片的右上角,下层是box

下层用图片的左上角,上层是box里的h3

*/

.box  {

     width:300px;

     height:30px;

     line-height:30px;

     background:url(img/tit-bg.gif) no-repeat right;

}

.box h3 {

     width:100px;

     backgriound:url(img/tit-bg.gif) no-repeat left;

}

…………待续..................................

您可能想查找下面的文章:

相关文章

  • 2017-08-06基于html和CSS3制作酷炫的导航栏
  • 2017-08-06CSS3实现圆角、阴影、透明效果并兼容各大浏览器
  • 2017-08-06select下拉菜单option文字粗体的实现方法
  • 2017-08-06使用css3制作动感导航条示例
  • 2017-08-06CSS3 选择器 伪类选择器介绍
  • 2017-08-06让页脚紧贴页面底部的CSS代码
  • 2017-08-06bootstrap3.0教程之栅格系统案例(包括栅格选项、从堆叠到水平排列、移动设备和桌面等
  • 2017-08-06紧跟时代 让你的设计更加popular
  • 2017-08-06网页制作中的水平居中和垂直居中解决方法集合
  • 2017-08-06table-cell完成左侧定宽,右侧定宽及左右定宽等布局的实现方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • css组合选择器、伪选择器
    • IE下target获得焦点时产生虚线问题的解决方法
    • CSS Sprite优化 减少HTTP链接数
    • 使用CSS布局定位属性轻松实现优美站点布局
    • css中position:fixed实现div在窗口上下左右居中
    • 目前不被任何主流浏览器支持的CSS3属性汇总
    • css常用代码分享(css圆角代码、渐变、密码框)
    • CSS属性display:inline-block用法深入理解
    • IE6不支持position:fixed bug的完美解决
    • css中pointer-events属性详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有