CSS图像在刷新后消失

Question

我有一些非常基本的HTML和CSS，到现在为止，我可以确定我的代码很好（或至少在我看来是这样），并且图像分别在各自的字段中加载。 但是，一旦我刷新，它们就会消失。

我正在使用Coda 2，它使用Safari浏览器进行预览。 我所有的代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>Input Images</title>
    <link rel="stylesheet" type="text/css" href="css/input-image.css" />
</head>
</head>
<body>
    <form>
        <input type="text" id="email" />
        <input type="text" id="twitter" />
        <input type="text" id="web" />
    </form>
</body>
</html>

input {
    font-size: 120%;
    color: #5a5854;
    background-color: #f2f2f2;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    padding: 5px 5px 5px 30px;
    background-repeat: no-repeat;
    background-position: 8px 9px;
    display: block;
    margin-bottom: 10px;}

input:focus, input:hover {
    background-color: #ffffff;
    border: 1px solid #b1e1e4;}
input#email {
    background-image: url("images/email.png");}
input#twitter {
    background-image: url("images/twitter.png");}
input#web {
    background-image: url("images/web.png");}

Answer 1

关于IDE如何处理资产路径，一定是一个问题。

使用绝对路径（正确的方法）应该可以工作： url("/images/email.png") 。