将背景图像定位在特定位置

时间:2014-08-06 14:18:43

标签: html css

我有一个滑块,其中包含上一个,下一个和暂停按钮。这些按钮显示在图像滑块的底部,我希望它显示在图像滑块的中心但不会发生。

这是背景图像之一的CSS。

.skdslider a.prev{
background: url("image/left.png") no-repeat scroll 0 0 transparent;
width:35px;
height:35px;
display:block;
cursor:pointer;
position:absolute;
top:50%;
left:2%;
margin-top:-17px;

}

如何将此图像的位置移动到中心,我的意思是页面的上方。 请帮帮我。

2 个答案:

答案 0 :(得分:0)

添加背景如下。

  

background:url(“image / left.png”)无重复中心;

答案 1 :(得分:0)

尝试:

background-image:url('./you/url.jpg');
background-repeat:no-repeat;
background-position:center;