Bug 28833
| Summary: | No box-shadow on hr element with the height of 0.5px | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Magne Andersson <bugzilla> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | bfulgham |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac (Intel) | ||
| OS: | All | ||
| URL: | http://www.zirro.se/index.html | ||
Magne Andersson
I tried to find a good solution to create a line between my menu and my content with the box-shadow property. I figured that the <hr> element would do fine, as it is a horizontal line. My main browser is Firefox, and is the browser I test in while I build sites, and usually they look exactly the same in both browsers, Safari/Webkit and Firefox (thanks to Internet standards). But in this case, there is no box-shadow on the <hr> element. I came to the conclusion that the height, which is 0.5px is what is wrong, as a box-shadow appeared in Webkit after I increased it.
I don't know what the standards say about this, and it might be an undefined area, but it would be very nice to have a consistent behavior, and seeing that it appears seems better than that it doesn't, I went to you first with this. A fix for this, or a motivation about why Firefox/Gecko handles it wrong would be nice. Thank you.
My homepage: http://www.zirro.se
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Brent Fulgham
The relevant website no longer exists.