Фоновая проблема с URL в Safari только

Question

У меня есть следующий класс

div.application {
background: url(http:/appimages/background.gif) #fff bottom left repeat-x;
height: 20px;
line-height: 10px;
width:80px;
display: block;
text-align:center;
Font-weight:200; 
font-size: 10pt;
 padding:5px;
}

Я использую это для создания кнопки, похожей на навигацию, которая выглядит трехмерной.

во всех протестированных мною браузерах, Chrome, Firefox, IE и в других версиях это работает нормально, кроме Safari. Изображение не появляется.

Answer 1

Вам не хватает символа "/" в URL-адресе изображения.

Измените http:/appimages/background.gif на http://appimages/background.gif, и оно должно работать.

Значение цвета (#fff) также должно бытьбыть первым свойством, установленным в объявлении.

Answer 2

Кажется, что в вашем объявлении есть две ошибки, неправильный порядок, и URL-адрес изображения является неким сочетанием абсолютного и относительного.

background: url (http: / appimages / background).gif) #fff в левом нижнем углу repeat-x;

Вероятно, должно быть

background: #fff url(appimages/background.gif) repeat-x scroll left bottom;

или если изображения действительно находятся на другом сервере

background: #fff url(http://www.yourdomain.com/appimages/background.gif) repeat-x scroll left bottom;

Прокрутка по умолчаниюи может быть опущено ..