图像宽度CSS问题

Question

我的三角形按钮和图像有问题。 这里是代码＆gt;

[http://codepen.io/Luiggi/pen/elACq?editors=110][1]

这是一张了解我的问题的图片。如何将按钮和图像放在其中。

我希望有人可以帮助我。非常感谢，

Luiggi

Answer 1

如果我听到你正确的话，你需要像图像一样的按钮吗？ 对于它，您可以使用带有类型按钮和src属性的输入。 Smth喜欢以下内容：

<input type="image"  src="http://placekitten.com/g/300/150">

然后你必须在包装你的图像的容器中定位（我认为绝对更好）。 你会得到像：

<div class="wrapper">
    <img src="/i/image.jpg">
    <input type="image"  src="/i/btn1.png" class="btn1">
    <input type="image"  src="/i/btn1.png" class="btn2">
</div>

和CSS：

.wrapper { position: relative; }
.wrapper .btn1 { position: absolute; bottom: 0; left: 0;}
.wrapper .btn2 { position: absolute; bottom: 0; right: 0;}