Question

目前我有一个视频，我在一个对象标签中，这个来自Vimeo的视频，我选择我打算在我的视频上方放置一个按钮，并将它放在我想要的地方，我绝对有定位，但当然，当我完全调整页面大小的位置时：任何解决方案？

这是CSS：

width: 204px;
height: 65px;
z-index: 1;
position:absolute;
box-shadow: 1px 1px 1px #cd8228;
border-radius: 3px 3px;
float:right;
margin-right: 20px;

我想要的是给右边和下边的边距，这是下面的视频respetadado

Answer 1

您需要设置位置：相对于按钮容器。

.container{
    position: absolute;
    width: 200px;
    height: 100px;
}
.button{
    position: absolute;
    width: 50px;
    height: 30px;
    background-color: red;
    right: 20px;
    top: 10px;
}

当你使用position：absolute时，设置元素位置使用top，bottom，left，right属性而不是margin或float。

演示：http://jsfiddle.net/5ecdV/

按钮对象到标签上

1 个答案: