html - CSS background-position top right corner -


i want icon background image on button appear @ top right corner.

i used background-position: bottom top 100px move image top, have been unsuccessful moving image right.

is there similar background-position: bottom top 100px, right 900px might produce desired results?

#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; } 

something this

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> where:

<position> 1 4 values representing 2d position regarding edges of element's box. relative or absolute offsets can given. note position can set outside of element's box.

so:

background-position: right 10px top 10px; 

puts image @ top / right 10px away right edge , 10px top edge


Comments

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

html - Missing border-right in select on Firefox -

python - build a suggestions list using fuzzywuzzy -