猫沙盆

挖挖看，也许有宝贝

用户操作

[即时聊天] [发私信] [加为好友]

豆猫ID：ddcatlee

共38196次访问，排名3148(1)，好友36人，关注者56人。
资深杂役

ddcatlee的文章

原创 51 篇

翻译 1 篇

转载 25 篇

评论 36 篇

最近评论

nmji489：好东东，看看

ddcatlee：strong不是为了实现加粗，而是表示强调，以提升导航文字的权重。
同时，也是为了实现滑动门效果增加的包含元素。

smalltaro：请问一下，导航文字为什么strong标记来实现加粗而不使用css来实现？

loveface：是啊。我专门试了一下。也1 1em 100% 都一样

loveface：Eric Meyers提到Unitless line-heights，要避免在 line-height 上設定单位。CSS的一个BUG。我在IE7下面感觉line-height:1;和line-height:1em;似乎并不完全相等。不知道你试过没有。

http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-……

文章分类

收藏

相册

web图纸

神奇的地球

代码

4CSS

酷站秀

设计

配色手册

素材站

豆猫的收藏夹

友情链

豆豆猫的窝

存档

软件项目交易

订阅我的博客

css固定定位，即悬浮效果收藏

新一篇: [讨论]闭合浮动元素的方法与差别 | 旧一篇: 网页制作真的那么简单？

css固定定位，即悬浮效果（例如对联广告），不用js，css中"position:fixed;"即可。
position:fixed; 以视口为包含块，因此在浏览器窗口内固定。
ie 6.0不支持，因此采用相对于html元素的绝对定位。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>CSS固定定位</title>

* {

padding:0;

margin:0;

}

#fixedLayer {

width:100px;

line-height:50px;

background: #FC6;

border:1px solid #F90;

position:fixed;

left:10px;

top:10px;

}

</style>

<!--[if lte IE 6]>

html {

height:100%;

overflow:hidden;

}

body {

height:100%;

overflow:auto;

}

#fixedLayer {

position:absolute;

}

</style>

<![endif]-->

</head>

<body>

</body>

</html>

发表于 @ 2008年01月28日 15:50:00|评论(loading...)|编辑

新一篇: [讨论]闭合浮动元素的方法与差别 | 旧一篇: 网页制作真的那么简单？

#leisang 发表于2008-01-28 17:15:08 IP: 125.108.179.*: ie7里完全没效果

#ysgan 发表于2008-01-29 09:21:36 IP: 218.242.134.*: 没看到效果哦

#zxjrainbow 发表于2008-01-29 17:11:29 IP: 221.4.212.*: 太复杂了。
我的代码更简单。
而且IE5+，FF，OP都能用。
<style>.scroll9elekfDiv{height:200px;position: fixed;_position: absolute;right:10px;top:100px;_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+100 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight));}</style>

#tenderghost 发表于2008-01-31 15:52:33 IP: 218.94.30.*: 我的IE7中完全没有作用哦~~

#exile_prince 发表于2008-02-01 08:40:26 IP: 218.4.73.*: 有效果。看看你们拷贝的代码里面样式是否有多余的东西

#liprivate 发表于2008-02-01 10:57:35 IP: 221.218.22.*: 我的IE7有效果,不过是完全固定不动的,怎样才能有延迟抖动效果呀

#Reeman 发表于2008-02-03 17:12:32 IP: 218.83.152.*: IE 7有效果,Copy出来的代码会有些多余的字符在里面，去掉就可以了。

发表评论

姓名：
主页：
校验码：看不清,换一张

当前用户设置只有注册用户才能发表评论。如果你没有登录，请点击登录