CSS背景位置右上角

Question

我希望按钮上的背景图片显示在右上角。

我成功使用background-position: bottom top 100px将图片移到了顶部，但我没有成功将图片移到右边。

是否有类似background-position: bottom top 100px, right 900px的内容可能有助于产生预期效果？

#AddNewMeetingButton {
    position: absolute;
    top: 0;
    text-align: center;
    background-image: url(Images/add_icon_48x48.png);
    background-position: bottom top 100px, right 800px;
    background-repeat: no-repeat;
    height: 190px;
    width: 915px;
    background-color: transparent;
    outline: none;
    border: none;
    z-index: 2;
}

Answer 1

像这样的东西

background-image: url(http://i.stack.imgur.com/cW9aK.png);
background-repeat: no-repeat;
background-size: 48px 48px;
background-position: right 10px top 10px;

JSfiddle Demo

MDN Reference

  

background-position:<position>其中：

     

<position>是一到四个值，表示关于元素框边缘的2D位置。可以给出相对或绝对偏移。请注意，可以在元素框的外部设置位置。

所以：

background-position: right 10px top 10px;

将图像放在顶部/右边，但距离右边缘10px，距离顶边缘10px

Answer 2

你可以尝试：

background-position: right top;

如果您需要保证金，请将其添加到图像中。

Answer 3

尝试：

float:right;

应该这样做，否则我认为你必须将位置属性设置为＆＃34; relative＆＃34;对于button元素的父元素。

首先尝试使用float：right属性。