如何将广告始终定位到网页右下角

互联网提供了很多种“将广告始终定位到网页右下角”的解决方案,大多会用到javascript,其实仅调用样式表就可以实现该效果。
以下万恶的代码主要是写给IE6的,在IE7和FF浏览器中,只需要position:fixed就可以将图层定义到网页的任意位置。

相关样式:

  1. body{margin:0;border:0;height:100%;overflow-y:auto;}
  2. #test{display:block; bottom:3px; right:3px; width:130px; position:fixed;}
  3. /* 以下是写给IE6*/
  4. * html #test{position:absolute;right:18px} 
  5. * html{overflow-x:auto; overflow-y:hidden;}

演示页面:
fixd-layer-in-ie6

必要元素:
DOCTYPE声明 、 html标签 、body标签 、 一个ID为test的div。

相关日志:

8 条评论 《如何将广告始终定位到网页右下角》

  1. 不错。

    回复

  2. 非常感谢

    回复

  3. 能说明一下为什么在IE6下这么做么

    回复

    Gravatarman Reply:

    # * html{overflow-x:auto; overflow-y:hidden;}
    这个把html的overflow-y给隐藏了

    后台出现的滚动条其实是div
    也就是div模拟

  4. height:100%;
    有些js会要获取页面高度。这样一些,就不能获取准确值了!

    回复

  5. [...] 调用样式表实现广告右下角定位 的方法,虽然载入速度更快,但是需要修改的地方也比较多。 如果挂置广告到合作方的平台上,修改的工作会比较繁琐。 [...]

  6. 做广告还是不能这样弄 会改掉接入方的网页代码

    回复

  7. 学习了,受益匪浅。

    回复

发表评论 (无需注册)

支持CTRL+ENTER快捷提交
崔凯的博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯的博客 All rights reserved. 京ICP备09029324号.