2016-03-18 188 views
2

我搜索了很多答案,似乎沒有任何工作。我有一個有3個提交按鈕的桌子。我需要這些按鈕上的背景圖像。我曾嘗試纔剛剛通過自身添加Safari不顯示背景圖片

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

,閒來無事,我已經嘗試添加-1z-index,試圖消除no-repeat,併爲它創造一個單獨的線。

background-repeat:no-repeat; 

正如我剛纔說單從網址將無法正常工作,我已經嘗試添加一個風格的背景圖片的td標籤了。我很生氣,也很失望我有這麼大的麻煩。最後要注意的是,我正在開發一個應用程序在谷歌應用程序使用谷歌腳本iframe所有這些HTML。最後一個音符是的,我確實嘗試在網址周圍添加「'。

<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> 
+0

哦,整個事情在頁面上工作和測試。圖像最後添加,在Mac上使用chrome而不使用iPhone或iPad。還沒有運氣測試過我的Safari(iOS和Mac)。這真的很糟糕,因爲它打算用於iPad。 –

+0

這是你的網址。我把你的代碼,並只取代了圖像的網址,一切正常。看到這[小提琴](https://jsfiddle.net/xtaoqo8a/) – ThrowBackDewd

回答

0

不要嘗試鏈接谷歌驅動器文件。我相信那是你的問題來自哪裏。