大神来急救：关于background-image无法显示！_html/css_WEB-ITnose
先把我得代码贴一下：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
代码中的问题已经指出，其大神帮我看看，给点意见，我这里只是使用html想知道这个问题，没有用css，所以不要叫我换css
回复讨论(解决方案)
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>你要移到用户名和密码到任意位置改下面的样式。
#form{
position:relative;
top:100px;
left:100px;
}
改top和left就行了，调到你觉得合适的位置就行了。
建议代码格式写好点，该缩进的缩进，看来有点层次感，看的也舒服。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
＆gt; gt;的目的是什么 元素？
Mar 21, 2025 pm 12:34 PM
本文讨论了HTML＆lt; Progress＆gt;元素，其目的，样式和与＆lt; meter＆gt;元素。主要重点是使用＆lt; progress＆gt;为了完成任务和LT;仪表＆gt;对于stati
＆lt; datalist＆gt;的目的是什么。 元素？
Mar 21, 2025 pm 12:33 PM
本文讨论了html＆lt; datalist＆gt;元素，通过提供自动完整建议，改善用户体验并减少错误来增强表格。Character计数：159
＆lt; meter＆gt;的目的是什么。 元素？
Mar 21, 2025 pm 12:35 PM
本文讨论了HTML＆lt; meter＆gt;元素，用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了＆lt; meter＆gt;从＆lt; progress＆gt;和前
视口元标签是什么？为什么对响应式设计很重要？
Mar 20, 2025 pm 05:56 PM
本文讨论了视口元标签，这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互，而滥用可能会导致设计和可访问性问题。
＆lt; iframe＆gt;的目的是什么。 标签？使用时的安全考虑是什么？
Mar 20, 2025 pm 06:05 PM
本文讨论了＆lt; iframe＆gt;将外部内容嵌入网页，其常见用途，安全风险以及诸如对象标签和API等替代方案的目的。
HTML容易为初学者学习吗？
Apr 07, 2025 am 12:11 AM
HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。
HTML，CSS和JavaScript的角色：核心职责
Apr 08, 2025 pm 07:05 PM
HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。
HTML中起始标签的示例是什么？
Apr 06, 2025 am 12:04 AM
AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。
