-3
A
回答
1
使用下面的代码,希望这代码有帮助
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">
body{
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 1280px;
}
.btn1,.btn2,.btn3,.btn4 {
color: black;
width: 80px;
height: 28px;
text-align: left;
position: absolute;
font-size: 12px;
cursor: pointer;
background-color: Transparent;
z-index: 1;
text-align: center;
}.btn1{
top: 18%;
left: 27%;
}.btn2{
top: 18%;
left: 41%;
}.btn3{
top: 18%;
left: 54%;
}.btn4{
top: 18%;
left: 66%;
}
img {
display: block;
left: 0;
position: absolute;
z-index: 1;
}
</style>
</head>
<body>
<img src="WD4yq.jpg" alt="title"/>
<button class="btn1">Test1</button>
<button class="btn2">Test2</button>
<button class="btn3">Test3</button>
<button class="btn4">Test4</button>
</body>
</html>
0
如果你想要的按钮在那里的形象,你这样做:
<button style='margin-left: ***px;'>
<button style='margin-left: ***px;'>
<button style='margin-left: ***px;'>
<button style='margin-left: ***px;'>
我希望这回答了你的问题
相关问题
- 1. 对齐图像按钮与背景android
- 2. 对齐内容与背景图像
- 3. 对齐表格 - 输入字段/按钮的背景图像
- 4. 如何使背景图像与填充对齐?
- 5. 将背景图像相对于其他背景图像对齐
- 6. WPF按钮与外部背景图像
- 7. 图像在背景按钮
- 8. 图像视图与按钮不对齐
- 9. 对齐背景图像中,中心
- 10. 的iOS使用图像背景按钮
- 11. 使用非simmetrical按钮背景图像
- 12. 如何在LinearLayout中将图像按钮与等宽对齐
- 13. 将背景图像与垂直居中的左侧对齐
- 14. 如何垂直居中对齐具有背景图像的div
- 15. FlexboxLayout与背景图像按钮,如何保持其大小
- 16. 如何对齐具有对角边缘的div背景图像?
- 17. 背景图像没有正确对齐
- 18. 对齐背景精灵图像
- 19. 核心绘图CPTextLayer:文本与背景图像对齐作为背景颜色
- 20. 如何使一个按钮的研究背景图像resonsive
- 21. 如何使用jquery更改输入按钮的背景图像
- 22. 其他按钮下的背景图像
- 23. 更改按钮的背景图像
- 24. 图像按钮设置背景的onclick
- 25. Silverlight的按钮背景图像刷
- 26. 更改按钮的背景图像?
- 27. 旋转按钮的背景图像
- 28. 如何与图像添加背景图像上的按钮动态
- 29. 如何将按钮图像与实际按钮的大小对齐?
- 30. Android:如何通过XML中的按钮更改背景图像
欢迎来到StackOverflow!为了让我们更好地为您提供帮助,能否请您更新您的问题,以便在[**最小,完整和可验证的示例**]中显示**相关代码**(http://stackoverflow.com/帮助/麦克风)在问题本身。如果您能让我们知道您迄今为止已经尝试解决您的问题,也会有所帮助。有关详细信息,请参阅有关[**如何提出良好问题**](http://stackoverflow.com/help/how-to-ask)的帮助文章,并参加该网站的[**游览**](http://stackoverflow.com/tour):) –