如何将“+”向右移动？

enter image description here 如何将“+”向右移动？

我的Css如下，我尝试向右移动“+”图标但未能移动它，任何人都可以帮忙吗？

.button-sec-icon { 
    background-color: #fdfdfd; 
    cursor:pointer; 
    background: transparent url("images/basicsetup/plus.png") no-repeat left!important; 
    margin-right: 5px; 
    border: 2px solid #EEEEEE; 
    border-radius: 5px 5px 5px 5px; 
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2); 
    color: #ca2b2b; 
    display: block; 
    height: 28px; 
    margin: 10px 0 0 60px; 
    transition: all 0.5s ease 0s; 
    min-width: 150px; 
    width: 121px; 
} 


.button-sec-icon:hover { 
    border :1px solid #888; 
    box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2); 
}

来源

2013-09-27 tsohtan

您使用了两次保证金标签。 “保证金”和“保证金”。删除第一个“保证金 - 权利”，看看会发生什么。 – jbrya029

@ n00b，你是正确的保证金正确的问题。我想接受你的回答，但你在评论:) – tsohtan

这是什么'.button-sec-icon'类名是指？它是指按钮还是其他元素？下面的答案假设类名引用了按钮元素。也发布您的相关的html代码.. –

您使用的保证金标签的两倍。 “保证金”和“保证金”。删除第一个“保证金 - 权利”，看看会发生什么。

来源

2013-09-27 07:38:04 jbrya029

你可以设置背景位置右上角吗？

background: transparent url("images/basicsetup/plus.png") top right no-repeat !important;

或者即使你需要它跨越了一下，用百分比或固定宽度：

background: transparent url("images/basicsetup/plus.png") 0 5% no-repeat !important; 
background: transparent url("images/basicsetup/plus.png") 0 5px no-repeat !important;

来源

2013-09-27 07:19:13 CodingIntrigue

我认为OP想要移动背景图像一点权利，但不完全正确。但我不确定。 “_icon右边有点_” –

好点，它的确如此。已更新的明确宽度示例 – CodingIntrigue

background-position: 10px 0px;

这应该做的伎俩，背景位置可以通过多种方式来使用。采取在这里阅读：

http://www.css3.com/css-background-position/

来源

2013-09-27 07:19:18

仅在plus为背景图像时才起作用。 – FaddishWorm

@FaddishWorm这里有一个提示：'background：transparent url（“images/basicsetup/plus.png”）' – CodingIntrigue

您需要使用background-position

background: transparent url("images/basicsetup/plus.png") no-repeat left!important;

因此，而不是使用left的，使用

background-position: 10px 0; /* Parameters are X and Y respectively */

来源

2013-09-27 07:19:28

我试过改变X的值我可以看到它在Chrome浏览器中上下移动，但是当我改变它不动，任何想法？ – tsohtan

@tsohtan http://jsfiddle.net/LXDFF/根据您的需要设置参数'px' –

如何将“+”向右移动？

回答

相关问题