html - CSS background-position top right corner -
i want 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;
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
Post a Comment