Почему локальный хост отличается от открытия файлов напрямую

Question

В настоящее время работает над MAC Yosemite и пытается проверить сайт, который я разрабатываю на XAMPP (новейшая версия) и Sublime Text. Просто загрузите изображение из Интернета и сохраните его в файле htdocs. Когда я отправляю index.html в свой url для тестирования, это изображение не отображается. Тем не менее, когда я открываю тот же файл, как:

файла: ///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

чем локального хоста /index.html Что вызывает это?

Answer 1

установить разрешения, чтобы изображение читалось на веб-сервере.