Я реализовал подпись нашей компании в сноске этого сайта: http://www.moteljoanne.com/CSS фоновое изображение не загружается при использовании абсолютного URL
Я использую этот код, чтобы сделать это:
CSS
a.logoDSI {
display: block;
width: 115px;
height: 20px;
background-image: url('http://www.groupedsi.com/images/realise-par/logoDSI_rect-pale.png');
background-position: 0% 0%;
text-indent: -999999px;
margin: 14px 10px 9px 10px;
}
a.logoDSI:hover {
background-position: 0% -100%;
}
HTML
<a id="logoeDream" href="http://www.edreamweb.com" title="eDream | Services d'hébergement - eCommerce - Développement mobile" target="_blank"><span>eDream</span></a>
проблема заключается в том, что это отлично работает на ПК и Mac, но когда я обращаюсь к этому сайту с iPod, iPad или iPhone, логотип просто не отображается. Как только я изменяю путь изображения для относительного пути, изображение появляется ... Это нормально? Есть ли способ, которым я могу использовать абсолютный путь к www.groupedsi.com, который будет отображаться на мобильных устройствах?
Спасибо!
Вы изменили свой путь в прямом эфире? Попробуйте добавить 'position: relative;' в 'a.logoDSI', возможно, с' z-index'. – Brewal
Проверьте свой CSS. Изображение находится за пределами нижнего колонтитула. –
Как я сказал, ребята, как только я изменяю путь к относительной, изображение появляется, поэтому это не проблема с позиционированием или z-index ... – user2595905