在Html和Css中使用图像作为按钮
提问于 2016-04-18 23:58:52
我一直在使用一个游戏资产集合来构建一个游戏。现在出现的主要问题是如何包含用户界面按钮。
目前，按钮是不同梯度和特定字体的集合。我尝试将图像渐变转换为背景属性，但没有做到，而且正在使用的字体是由图像表示的字符集合。
解决这个问题的最佳做法是什么？用图片作为按钮？什么是正确的语义标记？
按钮的语义
索尼克斯！对于这个问题的回答，但它不是关于如何去做，而是关于正确的语义标记。
目前，我已经解决了以下设置，这似乎是合理的。
<label>
<img src="/aButton.png" alt="Send Message">
</label>
回答 2
Stack Overflow用户
发布于 2016-04-19 00:05:21
尝试如下：
<input type="submit" id="search" name="submit" alt="search" value="">CSS
input#search {
background:url(../search-icon.png);
background-repeat: no-repeat;
width:40px;
height:40px;
border: 0;
}
input#search:hover {
background:url(../search-icon2.png);
background-repeat: no-repeat;
width:40px;
height:40px;
border: 0;
}Stack Overflow用户
发布于 2016-04-19 00:14:04
如果要使用输入，请尝试如下：
background-image: url(...);
background-repeat: no-repeat;
background-position: <left|right>;
padding-<left|right>: <width of image>px;<button type="submit"><img></img></button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36712094
复制
腾讯云开发者
