【问题标题】:Safari is not displaying background imagesSafari 不显示背景图片
【发布时间】:2016-03-18 01:10:00
【问题描述】:

我已经搜索并找到了许多答案,但似乎没有任何效果。我有一个带有 3 个提交按钮的表格。我需要这些按钮上的背景图片。我试过只添加

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

就其本身而言,没有别的,我尝试添加-1z-index,尝试删除no-repeat 并为其创建单独的行。

background-repeat:no-repeat;

正如我所说,仅 url 不起作用,我也尝试将带有 bg 图像的样式添加到 td 标签。我对自己遇到这么大的麻烦感到愤怒和失望。最后要注意的一件事我正在使用谷歌脚本在谷歌应用程序上开发一个应用程序来 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>

【问题讨论】:

  • 哦,整个页面都在工作和测试。图像是最后添加的,适用于 Mac 上的 chrome,而不是 iPhone 或 iPad。还没有运气测试我的 safari(iOS 和 Mac)。它真的很烂,因为它是为 iPad 设计的。
  • 这与您的网址有关。我拿走了你的代码,只替换了图片网址,一切正常。看到这个fiddle

标签: html css google-apps-script


【解决方案1】:

不要尝试从谷歌驱动文件链接。我相信这就是您的问题的来源。

【讨论】:

    猜你喜欢
    • 2017-03-29
    • 2020-09-11
    相关资源
    最近更新 更多