CSS btn - 不显示背景图像

时间:2017-05-25 15:04:13

标签: html css

我的问题似乎很简单。我想创建一个png按钮,并通过.png悬停。我需要这个用于电子邮件活动因为Outlook不了解某些css属性。 我试过简单

    .button {
    border: none;
    background: url(/image1.png);
}
    .button:hover {
    border: none;
    background: url(/image2.png);
}

一切都只是白色。任何帮助都会很棒:)

2 个答案:

答案 0 :(得分:0)

according to documentation,你应该这样做,

Set objAcad = GetObject("", "AutoCAD.Application")

background: url("/image1.png");
.button {
    width: 50px;
    height: 50px;
    border: none;
    background: url("https://i.stack.imgur.com/teLso.jpg?s=48&g=1");
}
.button:hover {
    border: none;
    background: url("https://graph.facebook.com/160520007817300/picture?type=large");
}

答案 1 :(得分:0)

您有错误,请使用简单或双引号"" - '',示例:



button{
  background: url('https://s-media-cache-ak0.pinimg.com/736x/24/fe/e1/24fee13b4dc475c435984ab0aa1b8ecb.jpg');
  background-size: 500px 100px;
  background-position: center;
  width: 500px;
  height: 40px;
}

<button> Example button </button>
&#13;
&#13;
&#13;

与任何其他html元素相同。