为什么localhost与直接打开文件不同

时间:2015-08-06 02:48:05

标签: html xampp

目前正在研究MAC Yosemite并尝试测试我在XAMPP(最新版本)和Sublime Text上开发的网站。刚刚从互联网上下载了一张图片并保存到我的htdocs文件中。当我将index.html提交到我的网址进行测试时,该图像不会显示。但是,当我打开相同的文件时:

  

文件:///Applications/XAMPP/xamppfiles/htdocs/index.html

图像显示完美?这是代码:

<form method="get" action="/search" id="search">
  <input name="q" type="text" size="40" placeholder="Browse" />

</form>
#search input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

它与

中的测试结果有什么不同
  

文件:///Applications/XAMPP/xamppfiles/htdocs/index.html

比localhost / index.html 造成这种情况的原因是什么?

1 个答案:

答案 0 :(得分:0)

设置权限,以便网络服务器可以读取图像。