为什么赢了'；我的html/css代码不能生成一个按钮吗？_Html_Css_Image

为什么赢了'；我的html/css代码不能生成一个按钮吗？

html css image

为什么赢了'；我的html/css代码不能生成一个按钮吗？,html,css,image,Html,Css,Image,由于某种原因，我制作的页面已经停止显示图像，它只是显示了一个小的断页图标，尽管它以前显示过。我没有更改图像的名称或位置我还试图创建一个按钮，但它没有显示出来以下是html代码： <!DOCTYPE html> <html> <head> <title>Title</title> <link href="design.css" rel="stylesheet" type="text/css" /> </head&g

由于某种原因，我制作的页面已经停止显示图像，它只是显示了一个小的断页图标，尽管它以前显示过。我没有更改图像的名称或位置

我还试图创建一个按钮，但它没有显示出来

以下是html代码：

<!DOCTYPE html>
<html>
<head>
<title>Title</title>

<link href="design.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="pic">
<img src="C:\Users\A\Desktop\Untitled.jpg" id="pic">
</div>

<div class='banner'>
</div>

<div class="button">
</div>

</body>

</html>

该页面仅在页面顶部显示白色横幅和灰色背景，但图像仅显示一个小的断页图标，并且没有创建按钮

您使用的是图像的绝对地址，我打赌您要么移动了文件，要么重命名了文件，甚至删除了文件。只要确保路径正确，它就会工作

顺便说一下，

标记应该放在引用本地文件系统中文件的

中。出于安全原因，这是不可能的，也不应该是可能的。将图像上载到您的服务器，或者如果您使用localhost，则将其移动到正确的文件夹，并通过与域名相关的url引用图像。

我忘记在问题中包含和标记，但它们在我的代码中。问题在于

C:\Users\A\Desktop\Untitled.jpg

。如果是按钮，为什么不使用

，或者至少不使用

？基本的可用性规则表明您在这里做了一些非常错误的事情。您需要在这里后退一步，学习HTML和最有可能的CSS的基础知识。对于如此少量的代码，存在许多不一致之处。使用相同的ID选择器两次，将

横幅

用单引号括起来，当代码的其余部分用双引号括起来时，是否将按钮作为

元素？当然不是。为了回答您的问题，该路径与您的系统路径是绝对的，出于安全原因，这在大多数现代浏览器中是不可能的。@haywire，除非您使用XHTML（严格）编写，否则您什么时候需要关闭

元素？编辑：这家伙删除了他的评论（但这也是答案。标记本身很好，除了注意到的错误。只要用户继续使用'C:\…\`作为引用，它通常不会起作用。如果双击文件系统中的文件（file://协议），它可能会起作用。），但上次我测试时，即使创建一个包含此类文件系统链接的两页网站也无法运行，因为一旦您导航，浏览器将拒绝加载引用。我从未遇到过

文件：//

链接的问题，只要该页面也使用

文件：//

访问。如果您的原型不匹配，则不会运行cols，这将是一个荒谬的安全漏洞。选民：请解释我犯了什么错误。在再次阅读问题后，我觉得OP不理解浏览器如何获取外部资源。我看不出这张图片不显示的其他原因。

#pic {
    position: absolute;
    margin-left: 40px;
    margin-top: 4px;
    z-index: 1;
    }

.banner {
    height: 100px;
    width: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    }

.button {
    height: 50px;
    width: 120px;
    background-color: #BCD2EE;
    border-color: #6495ED;
    z-index: 3;
    }

Body {
    background-color: #E8E8E8;
}