изображение не будет отображаться в сети

Кажется, что изображение не появляется в Интернете, хотя оно появляется локально.изображение не будет отображаться в сети

Замечательная часть состоит в том, что рядом с ней есть несколько похожих изображений, но этого конкретного не будет.

Вот HTML:

<p class="home"><a href="index.html"></a></p>

И сопровождающее CSS:

.home { 
position:absolute; 
left:350px; 
top:40px; 
display:block; 
width:125px; 
height:50px; 
text-indent:-9999px; 
} 
.home a { 
display:block; 
width:100%; 
height:100%; 
background:transparent url(home.png) no-repeat top left; 
outline:none; 
} 
.home a:hover { 
background-position:0 -50px; 
}

источник

2012-07-03 Nick D

Ну, вам нужны цитаты вокруг: background: transparent url ('home.png') no-repeat top left; такой. не уверен, что это то, о чем вы просите или нет. – BlueMeanie

@BlueMeanie хотя технически корректна, у большинства браузеров это не будет проблемой. + Он работает локально. – Ben

@ nick-d. Вы пробовали повторно загружать изображение? возможно, он был поврежден во время загрузки. Что произойдет, если вы попытаетесь открыть изображение непосредственно в браузере? – Ben

Я не уверен, если это так, но мы просто удалить возможности. Это случилось со мной так же, как раньше.

Возможно, изображение неправильное или повреждено. Попытайтесь повторно сохранить PNG, который хотите от Photoshop, сохранить как Web или попытаться сохранить как JPG (или иначе, чем PNG). Загрузите изображение и убедитесь, что он находится в том же каталоге, где находится index.html (исходя из вашего кода).

Во-вторых, попытайтесь установить определенную высоту и ширину .home a

Если никто не работает, поставить свой код здесь http://jsfiddle.net/ и убедитесь, что путь к изображению указывается соответственно.

источник

2012-07-03 08:09:55 Anne

изображение не будет отображаться в сети

ответ

Смежные вопросы