Html 幻灯片的CSS定位问题

我有以下代码：

#图库{
颜色：#3d4148；
保证金：24px 0 48px 0；
}
.多媒体资料幻灯片{
填充底部：48px；
}
.多媒体资料按钮{
宽度：60px；
高度：40px；
背景色：#f1bf06；
-webkit变换：倾斜（18度）；
-moz变换：倾斜（18度）；
-o变换：倾斜（18度）；
}
.图库按钮{
颜色：#f9f8f8；
字体系列：“PermisanstTypeFaceBold”，Arial，无衬线；
文本转换：大写；
字体大小：14px；
填充顶部：8px；
光标：指针；
}

画廊
Prev
下一步

如果添加

位置：相对和
z-索引：999
到你的
.gallery按钮
它似乎把它们放在了上面

.gallery-buttons {
    width: 60px;
    height: 40px;
    transform: skew(18deg); /*I would also add the standard transform*/
    -webkit-transform: skew(18deg);
    -moz-transform: skew(18deg);
    -o-transform: skew(18deg);
    background-color: #f1bf06;
    /*add these*/
    position:relative;
    z-index:999;
}

这只是把他们放在首位。除此之外，我不知道你想要他们如何定位

看到这个了吗

更新

要定位所需的方式，可以相应地设置
左
、
右
、和
顶
属性

#prev{
   left: -25px;
}

#next{
    position: absolute;
    top: 400px;
    right: -15px;
}

查看此更新的
可能是某种布局阻止了重叠，可能是代码笔会给出一个好主意！这就是你所期待的吗？嘿@zgood。我补充了你告诉我的，但我没有得到我需要的结果，我会让你看看原因。查看下一个屏幕截图，也许你对我想要实现的目标有了更好的了解。非常感谢我得到了我想要的结果。我是用CSS.gallery按钮来写的#prev而不是#prev