首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >背景: url(),背景图像: url()不工作

背景: url(),背景图像: url()不工作
EN

Stack Overflow用户
提问于 2019-06-02 22:42:40
回答 1查看 127关注 0票数 0

我想用HTML和CSS制作一个图像按钮。所以我尝试了background:url(),但它不起作用。我还尝试了这些:

  1. background: url(res/play.png)
  2. background: url("res/play.png")
  3. background: url("/res/play.png")
  4. background: url(/res/play.png)
  5. background-image: url(res/play.png)

它们都不起作用。这是我的目录结构。

代码语言:javascript
复制
MyProgram
└ res directory
└ style.css
└ index.html

这是我的代码。镜像位于res目录中。

代码语言:javascript
复制
<table>
  <tr>
    <td>
      <button id="previousButton"></button>
      <button id="playButton"></button>
      <button id="nextButton"></button>
    </td>
    <td>
      <input type="range" id="volumeSlider" min="0" max="100" value="50" step="1">
      <button id="muteButton"></button>
    </td>
  </tr>
</table>
代码语言:javascript
复制
button#playButton {
  background: url(res/play.png);
}

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56416051

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档