图像宽度CSS问题

Question

我的三角形按钮及其图像有问题。 这是您的代码>

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

这是您了解我的问题的图片。 如何放置按钮及其内部的图像。

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

路易吉

Answer 1

如果我没听错，您需要像图像一样的按钮吗？ 为此，您可以使用带有类型button和src属性的输入。 如下所示：

<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;}