![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Opened 15 years ago
Closed 15 years ago
#19163 closed defect (bug) (fixed)
The admin bar background is not styled properly in Firefox
| Reported by: | azaozz | Owned by: | azaozz |
|---|---|---|---|
| Priority: | normal | Milestone: | 3.3 |
| Component: | Toolbar | Version: | 3.3 |
| Severity: | normal | Keywords: | has-patch commit |
| Cc: | Focuses: |
Description (last modified by )
As the title. Screenshot: FF, IE9, Chrome.
Attachments (2)
Change History (12)
#3
@
15 years ago
#wpadminbar {
background-color: #464646; /* Fallback */
background-image: -ms-linear-gradient(bottom, #464646, #373737 5px); /* IE10 */
background-image: -moz-linear-gradient(bottom, #464646, #373737 5px); /* Firefox */
background-image: -o-linear-gradient(bottom, #464646, #373737); /* Opera */
background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#373737)); /* old Webkit */
background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
background-image: linear-gradient(bottom, #464646, #373737); /* proposed W3C Markup */
}
The backgrounds go in different directions. For Firefox changing to:
-moz-linear-gradient(bottom, #373737, #464646 5px);
to be the same as the Webkit rule works for me. Will have to go through all the browsers to normalise them, e.g. the -ms rule is the same as Firefox and I don't see a gradient at all in your screenshot [edit: I see you're using IE9 rather than 10, so no linear gradient].
#4
@
15 years ago
- Keywords has-patch added
19163.patch: Tested in Chrome, Firefox and Opera on Mac.
#5
@
15 years ago
Per http://dev.w3.org/csswg/css3-images/#linear-gradient-syntax should the "proposed W3C Markup" rule use "to top"?
#6
@
15 years ago
duck_: I saw this today too, seems to be new. Should then update all our gradients, see #16461.
Note:
See TracTickets
for help on using tickets.
