Safari не отображает фоновые изображения

Я искал и нашел множество ответов, ничего не работает. У меня есть таблица с 3 кнопками отправки. Мне нужны фоновые изображения на этих кнопках. Я попытался просто добавитьSafari не отображает фоновые изображения

background:url(https://docs.google.com/a/mancino.ca/uc?id=0B15Sq4XXVbGIZm1jVG9xejA1TkE&amp;export=download);

только сам по себе, ничего другого я не пробовал добавления z-index из -1, попытался удалить no-repeat и создать отдельную строку для него.

background-repeat:no-repeat;

Как я уже сказал, только одна URL не будет работать, я попытался добавить стиль с BG изображение в td теге тоже. Я злюсь и разочарован тем, что у меня такая огромная проблема. Последнее замечание: я разрабатываю приложение для приложений Google, используя скрипт google для iframe всего этого html. Последнее примечание. да, я попытался добавить «вокруг URL-адреса».

<td style="width:60px"> 
<div style="text-align:left"><input onclick="document.itemForm.pressed.value=this.id;" type="submit" id="search" value="" style="width:250px; height:250px; background:url(https://docs.google.com/a/mancino.ca/uc?id=0B15Sq4XXVbGIZm1jVG9xejA1TkE&amp;export=download); background-repeat: no-repeat; background-position:center; z-index: -1;" alt="SEARCH"></div> 
</td> 
<td style="width:60px"> 
<div style="text-align:left"><input onclick="document.itemForm.pressed.value=this.id;" type="submit" id="edit" value="" style="width:250px; height:250px; background:url(https://docs.google.com/a/mancino.ca/uc?id=0B15Sq4XXVbGIM0luZ2FPN1ktODA&amp;export=download) no-repeat; background-position:center;" alt="EDIT"></div> 
</td> 
<td style="width:60px"> 
<div style="text-align:left"><input onclick="document.itemForm.pressed.value=this.id;" type="submit" id="add" value="" style="width:250px; height:250px; background:url(https://docs.google.com/a/mancino.ca/uc?id=0B15Sq4XXVbGIWWt2TGxnVzFBT1U&amp;export=download) no-repeat; background-position:center;" alt="ADD"></div> 
</td>

источник

2016-03-18 Adriano Mancino

О, и все это работает и протестировано на странице. изображение было добавлено последним, работает в Chrome на Mac, а не на iPhone или iPad. Также проверено мое сафари (iOS и Mac) без везения. Это действительно отстой, потому что он предназначен для использования с iPad. –

Это что-то с вашим адресом. Я взял ваш код и заменил только URL-адрес изображения, и все работает нормально. Смотрите это [скрипка] (https://jsfiddle.net/xtaoqo8a/) – ThrowBackDewd

Не пытайтесь связываться с файлом диска google. Я верю, что из-за этого возникают ваши проблемы.

источник

2016-03-18 02:08:25

Safari не отображает фоновые изображения

ответ

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