图像宽度问题CSS

Question

我的三角形按钮和图像有问题。 在这里，您是代码>

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

在这里，你是了解我的问题的图像。如何将按钮和图像放置在里面。

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

Luiggi

Answer 1

如果我听到你正确，你需要按钮像图像？ 对于它你可以使用输入类型按钮和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;}