找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2504|回复: 1

[教程] CSS兼容性(IE和Firefox)技巧大全(3)

[复制链接]
发表于 2012-1-8 18:07:15 | 显示全部楼层 |阅读模式 来自 中国–江苏–南京
13. LI中内容超过长度后以省略号显示的技巧
此技巧适用与IE与OP浏览器
  1. <style type="text/css">
  2. <!--
  3. li {
  4. width:200px;
  5. white-space:nowrap;
  6. text-overflow:ellipsis;
  7. -o-text-overflow:ellipsis;
  8. overflow: hidden;
  9. }
  10. -->
  11. </style>
复制代码
14.为什么web标准中IE无法设置滚动条颜色了
解决办法是将body换成html
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  3. <style type="text/css">
  4. <!--
  5. html {
  6. scrollbar-face-color:#f6f6f6;
  7. scrollbar-highlight-color:#fff;
  8. scrollbar-shadow-color:#eeeeee;
  9. scrollbar-3dlight-color:#eeeeee;
  10. scrollbar-arrow-color:#000;
  11. scrollbar-track-color:#fff;
  12. scrollbar-darkshadow-color:#fff;
  13. }
  14. -->
  15. </style>
复制代码
15.为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,解决的技巧也有很多,例如:overflow:hidden   zoom:0.08   line-height:1px
16.怎么样才能让层显示在FLASH之上呢
解决的办法是给FLASH设置透明
  1. <param name="wmode" value="transparent" />
复制代码
17.怎样使一个层垂直居中于浏览器中
这里我们使用百分比绝对定位,与外补丁负值的技巧,负值的大小为其自身宽度高度除以二
  1. <style type="text/css">
  2. <!--
  3. div {
  4. position:absolute;
  5. top:50%;
  6. lef:50%;
  7. margin:-100px 0 0 -100px;
  8. width:200px;
  9. height:200px;
  10. border:1px solid red;
  11. }
  12. -->
  13. </style>
复制代码
FF与IE

评分

参与人数 1金币 +1 收起 理由
光明使者 + 1 赞一个!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2012-1-8 19:45:02 | 显示全部楼层 来自 中国–广东–广州
顶啦!!!!

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-12-22 18:57 , Processed in 0.053427 second(s), 13 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表