position:fixed?

29 四, 2008 in 没有分类 by 幻想曲

position:fixed在ie6及以下版本下不大好用
firefox运行:

<br />
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br />
<html xmlns=”http://www.w3.org/1999/xhtml”><br />
 <head><br />
  <title> new document </title><br />
  <meta name=”generator” content=”editplus” /><br />
  <meta name=”author” content=”" /><br />
  <meta name=”keywords” content=”" /><br />
  <meta name=”description” content=”" /><br />
  <style type=”text/css”><br />
  p<br />
  {<br />
  height:100px;<br />
  }<br />
  </style><br />
 </head></p>
<p> <body><br />
 <p></p><br />
  <p></p><br />
   <p></p><br />
    <p></p><br />
	 <p></p><br />
	  <p></p><br />
	   <p></p><br />
	    <p></p><br />
		 <p></p><br />
		  <p></p><br />
		   <p></p><br />
		    <p></p><br />
			 <p></p><br />
  <div style=”position:fixed;right:3px;bottom:3px;”><img src=”http://bbs.blueidea.com/images/default/logo.gif” /></div><br />
 </body><br />
</html><br />

运行代码

于是用js来解决

<br />
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br />
<html xmlns=”http://www.w3.org/1999/xhtml”><br />
 <head><br />
  <title> new document </title><br />
  <meta name=”generator” content=”editplus” /><br />
  <meta name=”author” content=”" /><br />
  <meta name=”keywords” content=”" /><br />
  <meta name=”description” content=”" /><br />
 </head></p>
<p> <body><br />
  <div id=”test” style=”position:absolute;z-index:99;width:200px;text-align:right;”><br />
<img src=”http://bbs.blueidea.com/images/default/logo.gif” /><br />
</div></p>
<p><script type=”text/javascript”><br />
var img = document.getElementById(‘test’);<br />
function test(){<br />
	img.style.top = (document.documentElement.clientHeight – img.offsetHeight + document.documentElement.scrollTop) + ‘px’;<br />
	img.style.left = document.documentElement.clientWidth – img.offsetWidth + document.documentElement.scrollLeft + ‘px’;<br />
}<br />
setInterval(test, 250);<br />
</script><br />
 </body><br />
</html><br />

运行代码

1 Comment

tagged css

One Comment

回复

llinzzi

30 四月, 2008

#befixiedd{
position: absolute;
bottom: auto;
clear: both;
top:expression(eval(document.compatMode &&
document.compatMode==’CSS1Compat’) ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) – 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) – 1);
}

Using Gravatars in the comments - get your own and be recognized!

XHTML: These are some of the tags you can use: <a href=""> <b> <blockquote> <code> <em> <i> <strike> <strong>

- Comments
- Categories
- Tags
- Fred: mysql扩展的mysql_fetch_array函数无法使用 ......
- Rainny: 你好，我现在也遇到的这个问题，请问你解决 ......
- 习小衣: 代码。。。好多。。。好晕。。。 ......
- 幻想曲: 不是down了而是平台在做安全策略升级，封 ......
- 匿名: 但是你的机器貌似down了很长一段时间 ......
- 幻想曲: 应该在不久的将来就会对外开放吧 ......
- Develop (147)
- python (8)
- 没有分类 (32)
- 笔记本子 (92)
- 音乐人生 (29)
- ajax apache Asp.Net blogengine cache chart cookie css des discuz firefox gae GDI GFW gmail IE8 ixwebhosting Javascript jquery linq Memory mvc netbeans ofc Others PHP Provider remoting sql uc ucenter vs2008 win7 wp 分页卡农吉他山寨巴洛克序列化母亲节注入虚拟主机设计模式魂斗罗
近期文章
Meta

幻想曲.Net

面朝大海，春暖花开

position:fixed?

One Comment

Leave a Reply

近期文章

Meta