全屏按钮图像Jquery Mobile

Question

我正在使用jQuery Mobile创建一个App。我想显示一个全屏按钮图像。根据计划，点击，它应该转到某个页面。我创建了一个按钮并替换了我的自定义图像。但是我无法将其拉伸到全屏。

请帮我解决一下。

这是我的代码

CSS

.button{
 width:100%;
 background-image: url('home1.png') !important;
 background-repeat: no-repeat;
 background-size: cover;
 }

HTML

<div data-role="content" id="content" >
    <a href="#button1" class="button" data-role="button" data-inline="false">button1</a>
</div>

Answer 1

尝试设置

display:inline-block;

测试在JsFiddle

Jquery可能正在设置宽度，您可以尝试设置！important属性尽管可以避免这种情况，并且在该注释中如果您可以尝试避免在背景图像上使用！important属性，则通常表明你的CSS中存在进一步的问题