Question

我尝试做的事情将我的照片作为按钮，并且我一直在使用＆＃39;输入类型＆＃34;图像＆＃34;＆＃39;为了它，它一直很好，花花公子，直到我尝试改变我的图片的高度，宽度是很酷的改变，但高度.. Nuhu。

这是代码。

<html>
<head>
    <style type="text/css">
       .startavisningstop
{
display:        block; 
margin-top:     0px;
background:     url("https://imagizer.imageshack.us/v2/102x24q90/822/kac9.png") no-repeat center center;
width:          102px;
height:         24px;

}
    </style>
</head>
<body>
    <input type="image" value="&nbsp;" class="startavisningstop" onclick="location.href='latest_inlog_include.php?action=stoppa'"> 
</body>
</html>

我没有在我的网站上使用绿色图片作为背景，但我在一台不允许上传的计算机上，因此我为什么要使用绿色图片例。我使用的图片尺寸为102px宽度和24px高度。正如你所看到的，我可以自由地改变宽度，但是当我添加一条高度线时，它会在我自己的照片上方给出一个透明的破碎图像。

P.S。如果有人知道有更好的方法可以做到这一点，那么我会很高兴看到一些提示，因为它现在看起来并不吸引人。

Answer 1

只需使用按钮代替输入标记：

<button class="startavisningstop" onclick="location.href='latest_inlog_include.php?action=stoppa'"></button>

.startavisningstop {
    display: block;
    margin-top: 0px;
    background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Auto_Racing_Green.svg/800px-Auto_Racing_Green.svg.png") no-repeat center center;
    width: 102px;
    height: 24px;
    border:0;
}

高度在我的图像上给了我一个破碎的图像链接

1 个答案: