先把我得代码贴一下:
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1.图片的问题 ,本人测试 没有问题,你看看 是不是路径写错了 ,图片名称没写错吧
2.应该 让login相对对位{position:relative;},他里面的元素 绝对定位{position:absolute;left:xxxpx,right:xxxpx;}。这样就可以随心所以的摆放位置了。
#login{
//放上一张图片436*273像素,但是图片出不来
background-image:url(images/xiongdi.gif);
width:436px;
height:273px;
margin-top:120px;
}把那个注释去了试试?
#login{
//放上一张图片436*273像素,但是图片出不来
background-image:url(images/xiongdi.gif);
width:436px;
height:273px;
margin-top:120px;
}把那个注释去了试试? 我没写注释,这里是为了让大伙看懂呀
1.图片的问题 ,本人测试 没有问题,你看看 是不是路径写错了 ,图片名称没写错吧
2.应该 让login相对对位{position:relative;},他里面的元素 绝对定位{position:absolute;left:xxxpx,right:xxxpx;}。这样就可以随心所以的摆放位置了。 我得还是不行,我想了想div嵌套应该原理不会错啊,但是为什么就出不来呢,刚刚开始的时候出了图片,我用的是dreamweaver开发的,会不会是IE兼容的问题!!
你没写注释的话,我测试也没问题。
木有问题,可能是LZ路径错了吧
木有问题,可能是LZ路径错了吧
但是我是用dreamweaver来开发的,写上background-image: 后会自动弹出框让你选择图片,然后选择后就出现了路径了,而且我得这个图片是放在这个html文件夹/image下的,应该没问题我觉得!!
而且我得这个图片是放在这个html文件夹/ image下的
background-image:url( images/xiongdi.gif);
你没写注释的话,我测试也没问题。 谢谢!图片 is lossing啊,我是用dreamweaver开发的,写的是html文件,你们都是用IE打开吗?
而且我得这个图片是放在这个html文件夹/image下的
background-image:url(images/xiongdi.gif);
不好意思,我写错了是images嘿嘿。非常感谢你,这么细心!!你能把你的网页效果截下来给我瞧瞧吗?麻烦了
引用 8 楼 bbjbepzz 的回复:而且我得这个图片是放在这个html文件夹/image下的
background-image:url(images/xiongdi.gif);
不好意思,我写错了是images嘿嘿。非常感谢你,这么细心!!你能把你的网页效果截下来给我瞧瞧吗?麻烦了
引用 10 楼 huangleijay 的回复:
引用 8 楼 bbjbepzz 的回复:而且我得这个图片是放在这个html文件夹/image下的
background-image:url(images/xiongdi.gif);
不好意思,我写错了是images嘿嘿。非常感谢你,这么细心!!你能把你的网页效果截下来给我瞧瞧吗?麻烦了 啊,你这是个什么浏览器这么绚!你可以讲这个用户名和密码输入部分移到图片任意部分吗?我当初可以显示图片时候这两个东西好像是联系在一起的,虽然我是用嵌套的div套起来的!!
你把哥当前端使了,我CSS不怎么样的。下面是我帮你改了下的代码。你自己看效果自己改吧,记得把图片路径先写对了,我用的是我这边的路径。
<!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> <title>登陆页面</title> <style text="text/css"> body{ margin:0px; padding:0px; font-size:12px; background-color:#007CBF; overflow:hidden; text-align:center; } #container{ width:100%; position:absolute; } #login{ background-image:url(bbhh.jpg); width:436px; height:273px; margin-top:120px; } #form{ position:relative; top:100px; left:100px; } #inp div input{ width:120px; height:15px; background-color:#333; border:0px; color:#0FF; } #button { margin-left:25px; margin-top:8px; } #button input{ border:0px; width:49px; heigth:18px; color:#666; margin-left:8px; cursor:hand; } </style> </head> <body> <div id="container" align="center"> <div id="login"> <div id="form"> <form> <div id="inp"> <div>用户名:<input type="text" name="username"/></div> <div> 密 码:<input type="password" name="password"/></div> </div> <div id="button"> <input type="submit" value="注册" /> <input type="button" value="登录" /> </div> </form> </div> </div> </div> </body></html>