W3C home > Mailing lists > Public > public-css-bugzilla@w3.org > September 2012

[Bug 19142] New: multiple values of backgrounds, shadows aren't so "cascading"

From: <bugzilla@jessica.w3.org>
Date: Sat, 29 Sep 2012 14:37:54 +0000
To: public-css-bugzilla@w3.org
Message-ID: <bug-19142-5148@http.www.w3.org/Bugs/Public/>
https://www.w3.org/Bugs/Public/show_bug.cgi?id=19142

           Summary: multiple values of backgrounds, shadows aren't so
                    "cascading"
           Product: CSS
           Version: unspecified
          Platform: All
        OS/Version: All
            Status: NEW
          Severity: normal
          Priority: P2
         Component: Cascading and Inheritance
        AssignedTo: howcome@opera.com
        ReportedBy: giorgio.liscio@email.it
         QAContact: public-css-bugzilla@w3.org


hi,

there is something wrong about the multiple background and multiple shadows
syntax

#mybutton
{
    background:
         url('bg1.png') left top no-repeat,
         url('bg2.png') left bottom no-repeat,
         url('bg3.png') right top no-repeat,
         url('bg4.png') right bottom no-repeat,
         url('bg5.png') center center no-repeat,
         red
    ;
}

now, for an effect on this I have to completely rewrite the entire value

#mybutton:hover /* HOVER */
{
    background:
         url('bg1.png') left top no-repeat,
         url('bg2.png') left bottom no-repeat,
         url('bg3_HOVER.png') right top no-repeat, /* CHANGES ON HOVER */
         url('bg4.png') right bottom no-repeat,
         url('bg5.png') center center no-repeat,
         red
    ;
}

then maybe, it would be better to study an alternative method of setting a
single value of a stack of values:

#mybutton:hover /* HOVER */
{
    background(3): url('bg3_HOVER.png') right top no-repeat;
    /* this is ^ the background slot */
}

any syntax, even if a lot complex, would be better than completely rewrite the
stack of backgrounds

this should be applied, also, on box-shadow and text-shadow properties

#mybutton
{
    text-shadow:
        0 0 20px red, 0 0 10px blue, 0 0 20px lime, 10px 10px 10px pink;
    box-shadow:
        0 0 20px red, 0 0 10px blue, 0 0 20px lime, 10px 10px 10px pink;
}

#mybutton:hover
{
    text-shadow(2):0 0 20px purple;
    box-shadow(2):0 0 20px purple;
}

-- 
Configure bugmail: https://www.w3.org/Bugs/Public/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the QA contact for the bug.
Received on Saturday, 29 September 2012 14:37:56 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Saturday, 29 September 2012 14:37:56 GMT