Heim  >  Artikel  >  Web-Frontend  >  求一个浮动广告框的CSS写法_html/css_WEB-ITnose

求一个浮动广告框的CSS写法_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:13:11817Durchsuche

就是能固定在页面的某个位置,不随页面滚动而滚动的那种!


回复讨论(解决方案)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>IE6 position:fixed</title><style type="text/css">* { margin:0; padding:0;}#content{ height:2000px; }#a{ position:fixed; bottom:0; right:0; width:200px; height:60px; background:#F00;}/*IE6 fixed bug*/* html{overflow:hidden;}* html body{height:100%;overflow:auto;}* html #a{position:absolute;right:18px;}</style></head><body><div id="content">IE6 position:fixed</div><div id="a">IE6 position:fixed</div></body></html>



或者js来做
<!doctype html><html>    <head>        <meta charset="gb2312" />        <style>            body { height:1850px; }            div {                position:absolute; top:0; right:0;            }        </style>    </head>    <body>        <div id="test">            <img  src="http://avatar.profile.csdn.net/0/1/6/2_nglwcm.jpg" / alt="求一个浮动广告框的CSS写法_html/css_WEB-ITnose" >        </div>        <script>            function $(o){return document.getElementById(o)}                        window.onscroll = function(){                $('test').style.top = (document.documentElement.scrollTop || document.body.scrollTop) + 'px'             }        </script>    </body></html>


参考下

我有个现成的写法,从 Discuz 论坛程序里面copy的,具体你可以看看: http://www.bacysoft.cn/thread-56-1-1.html

用position:fixed;  calmcrime的方法行

calmcrime已经回答的很好了,只是JS方式这里需要加上原来的高度
window.onscroll = function()
{
    $('test').style.top = 原高度+ (document.documentElement.scrollTop || document.body.scrollTop) + 'px' 
 }

学习了。 HTML code

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


增加点人气~~~

多谢1楼,2楼...

用CSS多好。。。

过来结贴,哈哈哈...

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn