这个是我当时找到的一个办法，但是它会导致页面里的input无法被选中或输入。。。。。。 <- 中国开发网

CNDEV.ORG

当前在线

论坛

CBD
- 程序员情感CBD
- 程序员见面交流会
CBD开发区
- Java/J2ME
- .NET/C#
- 数据库
- Delphi/BCB
- Visual C
个人
- 袁国术的个人网站
- 翟旭东网!!!
其它
情感
游戏
- CNDEV-CS/WOW
- 浩宇长空
生活
论坛系统

中国开发网: 论坛: 程序员情感CBD: 贴子 695022

haitao：

这个是我当时找到的一个办法，但是它会导致页面里的input无法被选中或输入。。。。。。

[阅读: 632] 2009-01-09 08:38:59

我的需求其实很简单：
一个以公司建筑被背景图的登录（工号、密码、确认）界面

由于是有意义的照片，不宜以重复的方式填充

相关信息:

[web技术问题] 现在新浪和网易的首页都会出现一个浮动的广告窗口在屏幕右下角，不跟随页面卷动而动。 (57字) (pcplayer [969] 2009-01-09 14:48)
- 要写js, 捕获滚屏事件, 重新计算位置 (空) (dead_lee [539] 2009-01-09 14:51)
  - <body onscroll="MyMove()"> 这样的写法，我测试了，有点小小的问题 (202字) (pcplayer [645] 2009-01-09 15:00)
    - 浏览器做这些，实在是勉为其难 (43字) (haitao [477] 2009-01-09 15:10)
      - 建议先仔细学习CSS，象学Delphi一样掌握细节。就不会感慨那么多。本来就挺简单的事。 (空) (张秋桥 [481] 2009-01-09 15:56)
        我上次说的很简单的事情，好像就没有简单的做法 (13字) (haitao [485] 2009-01-09 16:07)
        不明白你的意思。 (空) (张秋桥 [422] 2009-01-09 16:12)
        这是否是你需要的？ (229字) (张秋桥 [526] 2009-01-09 16:26)
        不是,你这个会导致图片放大, haitao要的是类似壁纸的平铺效果 (空) (dead_lee [503] 2009-01-09 16:30)
        什么叫平铺？不是Repeat？ (空) (张秋桥 [503] 2009-01-09 16:36)
        单个和重复，浏览器是直接支持的；拉伸原图以始终充满，浏览器忘了还有这个需求 (空) (haitao [1011] 2009-01-09 16:40)
        老实讲，我做 (空) (张秋桥 [429] 2009-01-09 16:57)
        半个美工5年了，没有遇到这样的需求。 (空) (张秋桥 [469] 2009-01-09 16:58)
        一般的界面需要一个有意义的背景图，肯定希望不管窗口多大，这个背景图都是正好（无重复的）充满窗口的吧 (92字) (haitao [685] 2009-01-09 17:41)
        我给你搞糊涂了。你的图片是要自动居中么？如果你不重复不拉伸，你的图片足够大么？大到一般分辨率都可以覆盖整个窗口？ (空 (空) (dead_lee [525] 2009-01-09 16:57)
        这个是我当时找到的一个办法，但是它会导致页面里的input无法被选中或输入。。。。。。 (62字) (haitao [631] 2009-01-09 16:38)
        我给你搞糊涂了。你的图片是要自动居中么？如果你不重复不拉伸，你的图片足够大么？大到一般分辨率都可以覆盖整个窗口？ (空) (张秋桥 [418] 2009-01-09 16:45)
        就是要自动拉伸。。。。你那个代码这个效果是达到了，但是会挡住了页面里的input输入框 (31字) (haitao [490] 2009-01-09 17:00)
        我试了，不会挡。 (空) (张秋桥 [468] 2009-01-09 17:04)
        我也试验了, 很好啊 (空) (dead_lee [493] 2009-01-09 17:06)
        是ie吗？ (11字) (haitao [444] 2009-01-09 17:10)
        是啊,ie7和ff3, 当然我改了下,用本地随便找的一个小图片. (412字) (dead_lee [536] 2009-01-09 17:11)
        找了个2003的ie6, 也ok (空) (dead_lee [879] 2009-01-09 17:15)
        你验证了老张的方法没有? (空) (dead_lee [434] 2009-01-09 16:59)
        而且还有一个问题：它只是达到大约98%的高和宽；当时的2种不满意的做法的代码 (386字) (haitao [612] 2009-01-09 17:06)
        你验证了老张的方法没有? (空) (dead_lee [1] 今天 16:59) (空) (dead_lee [428] 2009-01-09 17:08)
        body的margin和padding你一定忘了设置成0。IE默认是留了白边的。 (空) (张秋桥 [825] 2009-01-09 17:12)
        嗯，可以输入了（可能是后面那对div起了作用）！不过白边还是存在。。。。。。 (958字) (haitao [801] 2009-01-09 17:19)
        请用css来设置0.你的html不用验证的？ (空) (张秋桥 [447] 2009-01-09 17:25)
        <body style="margin: 0; padding: 0"> (空) (dead_lee [1107] 2009-01-09 17:41)
        body margin=0 padding=0不行的？使用style，左右没有白边了，但是上下好像超出了一点，右边出现了滚动行 (空) (haitao [643] 2009-01-09 17:45)
        ie7有效... (104字) (dead_lee [516] 2009-01-09 18:05)
        请使用严格的XHTML。 (121字) (张秋桥 [557] 2009-01-09 19:07)
        z-index没有设置成负数吧。不然怎么会选不到？ (空) (张秋桥 [451] 2009-01-09 17:00)
        不是视觉的挡：看到input是很正常的；而是操作的挡：无法选中input输入框进行输入了 (27字) (haitao [582] 2009-01-09 17:02)
        哈, 估计是这个哦 (空) (dead_lee [437] 2009-01-09 17:02)
        说实话，CSS我也学了，但是我始终不会做网页，不会排版布局 (56字) (风无影 [541] 2009-01-09 16:20)
        就是hack, 用特殊的手段解决问题, 不正是以前hack的本意么. (空) (dead_lee [565] 2009-01-09 16:27)
        不看书，连美工都可以骗倒程序员。有什么高深的呢？ (空) (张秋桥 [490] 2009-01-09 17:16)
- 没看到演示，你试试看是不是这个？ (108字) (风无影 [559] 2009-01-09 15:20)
  - 多谢。我测试一下 (空) (pcplayer [418] 2009-01-09 15:26)
- 再帖两个，其中一个有演示： (88字) (风无影 [515] 2009-01-09 15:23)
  - 我只是想让一个 DIV 固定在窗口里，页面上下卷动的时候不要跟着跑。 (空) (pcplayer [747] 2009-01-09 15:40)
    - position: fixed IE也许不行，不过以这个为关键词去查应该能查到方案 (空) (有狐 [506] 2009-01-09 15:42)
      - 果然效果不错，FF很好，但 IE 不支持。 (空) (pcplayer [476] 2009-01-09 15:58)
        就像有狐说的, 用这个去google就可以找到答案了 (空) (dead_lee [933] 2009-01-09 16:00)
        看看这个吧！说是兼容IE和FF，未测试 (140字) (风无影 [516] 2009-01-09 16:19)
- 其实网页的界面控制很难保密也没有必要保密的, 你可以把网易新浪的首页搞下来看看学习下了 (空) (dead_lee [505] 2009-01-09 15:58)
  - 他们的代码都故意搞搞震，分析起来比较麻烦浪费时间 (123字) (pcplayer [536] 2009-01-09 16:02)
    - 这样做也可能是为了减小js文件的体积. (10字) (dead_lee [481] 2009-01-09 16:05)
    - 不过看了下news.163.com的页面, 还好啊 (10874字) (dead_lee [706] 2009-01-09 16:07)
      - 好复杂，但不是我看到的那个右下角广告窗的代码。我找了个老外的网站，介绍如何让 IE 兼容 FIXED，效果不错，正在看。 (空) (pcplayer [437] 2009-01-09 16:24)
        需要一棵大树 (空) (Apache [416] 2009-01-09 18:04)
        有个办法很稀奇，就是让DIV在body外面 (空) (有狐 [413] 2009-01-09 22:47)
- 给你一个参考。和我给海涛的一样。 (414字) (张秋桥 [514] 2009-01-10 06:15)
  - 无需CSS应改成无需JS。 (空) (张秋桥 [436] 2009-01-10 06:19)
  - 给haitao的东西也要做小的修改。以在滚动条件下保持背景不动。 (313字) (张秋桥 [554] 2009-01-10 06:31)
    - 恩, 在ie7以后都要设置<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> (空) (dead_lee [713] 2009-01-10 08:05)
    - IE6下无效 (空) (leejd [377] 2009-01-10 10:06)
      - 没有测试。因为是随兴写的。有时间再看看。 (空) (张秋桥 [416] 2009-01-10 10:12)
        严格的说，应该是在俺的嵌入式的IE里面 (25字) (leejd [423] 2009-01-10 10:34)

欢迎光临本社区，您还没有登录，不能发贴子。请在这里登录

页面内容处理时间: 0.037 - 578200