Re: [css3] background-origin question

Thanks guys, I knew I was missing something.

As always, enjoying reading the discussions.

-- Nick


On Sep 1, 2010, at 12:45 PM, Brad Kemper wrote:

> 
> On Sep 1, 2010, at 9:23 AM, Øyvind Stenhaug wrote:
> 
>> On Wed, 01 Sep 2010 15:57:56 +0200, Nicholas Morgan <nimorgan@gmail.com> wrote:
>> 
>>> When I saw "background-origin" (http://www.w3.org/TR/css3-background/#the-background-origin) I got really excited; however, the more I read the more I was disappointed.  I'm excited that I can pass it key words and translate the origin to specific areas inside the element.  But for me it was the same as having "background-position" but only allowing me to have top, right, bottom & left.
>> 
>> Sounds like you are being misled by the term "origin" (its usage for this property seems a bit weird, and doesn't really have anything to do with the origin of a coordinate system). Note the values allowed, they don't involve top/right/etc (or percentages) at all.
>> 
>>> I have a link with simple text inside of it. The link is inline so its width will expand and contract with the amount of text.
>>> 
>>> a {
>>> display: inline;
>>> padding-right: 40px;
>>> }
>>> 
>>> Now I want to position a background image -10px of the top right corner of the element. There is currently no way, that I am aware of, to accomplish this task.
>> 
>> Sounds like you want something like
>> 
>> background-position: right -10px top;
>> background-origin: content-box;
>> 
>> or just (given the padding length above)
>> 
>> background-position: right 30px top;
> 
> Right. FYI to Nicholas, the CSS3 version of background-position is described here:
> 
> http://www.w3.org/TR/css3-background/#the-background-position

Received on Wednesday, 1 September 2010 17:23:50 UTC