按钮不工作index.html文件

Question

我回来了。这一次，工作代码显示在正文中。 关于构建这个应用程序的html的另一个问题。

如您所见，下图显示了包含尺寸不正确的图片的按钮。我想知道图片是否可以拉伸到按钮大小，或按钮大小是否缩小到图片大小？

这是Dreamweaver中源代码的当前代码。

<div id="page" data-role="page" data-theme="no theme">
<div data-role="header" data-theme="no theme">
<div class="logo"><img src="images/logo.png" width="100%" height="100%"></div>
</div>
<div data-role="content">
<ul data-role="listview" data-theme="no theme">
<li class="accom"><a href="#accom" data-role="button" data-theme="none"><img src="images/accom_text.png"></a></li>
<li class="dining"><a href="#dining" data-role="button" data-theme="none"><img src="images/dining_text.png"></a></li>
<li class="events"><a href="#events" data-role="button" data-theme="none"><img src="images/events_text.png"></a></li>
<li class="maps"><a href="#maps" data-role="button" data-theme="none"><img src="images/maps_text.png"></a></li>
 <li class="attractions"><a href="#attractions" data-role="button" data-theme="none"><img src="images/attractions_text.png"></a></li>
<li class="transport"><a href="#transport" data-role="button" data-theme="none"><img src="images/transport_text.png"></a></li>
</ul>
</div>
<div data-role="footer" ><h4>copyright xyz</h4></div>
</div>

其中，li class对应于每个页面，其中li class =＆＃34; accom＆＃34;等，以及img src =＆＃34; images / name_notext.png＆＃34; /＆gt;对应于左上方卡住的图片。

任何帮助都会很棒。

干杯。

CSS代码如下（我使用的主要代码）：

body {
    background-color:#42A5F5;
}
.ui-footer .ui-title {
    font-size: 0.8em;
    font-weight: normal;
}
h3, h4 {
    margin-bottom: 0;
}
h3 + p, h4 + p {
    margin-top: 0;  
}

#accom {
    background-image:url
    background-repeat:no-repeat;
}

#dining {
    background-image:url
    background-repeat:no-repeat;
}

#events {
    background-image:url
    background-repeat:no-repeat;
}

#maps {
    background-image:url(../images/sydneyregion.gif);
    background-repeat:no-repeat;
}

#attractions {
    background-image:url
    background-repeat:no-repeat;

}

#transport {
    background-image:url
    background-repeat:no-repeat;
}

li.accom {
    background-image:url(../images/accom_notext.png);   
    background-repeat:no-repeat;
}

li.dining {
    background-image:url(../images/dining_notext.png);  
    background-repeat:no-repeat;
}

li.events {
    background-image:url(../images/events_notext.png);  
    background-repeat:no-repeat;
}   


li.maps {
    background-image:url(../images/maps_notext.png);    
    background-repeat:no-repeat;
}   

li.attractions {
    background-image:url(../images/attractions_notext.png); 
    background-repeat:no-repeat;
}   

li.transport {
    background-image:url(../images/transport_notext.png);   
    background-repeat:no-repeat;
}   

#maps等没有背景图片，因为其他合作伙伴正在与我合作（对此方面的了解较少）。 li.accom设置每张图片并且不重复

maps等为每个页面设置背景图像。