Closed
Bug 497354
Opened 16 years ago
Closed 16 years ago
CSS rounded border corners do not work on images
Categories
(Core :: CSS Parsing and Computation, defect)
Core
CSS Parsing and Computation
Tracking
()
RESOLVED
DUPLICATE
of bug 485501
People
(Reporter: johnhoogstrate, Unassigned)
Details
User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1pre) Gecko/20090605 Shiretoko/3.5pre
Build Identifier:
Using The CSS property -moz-border-radius does not work on images. It works on other block level elements, including those with a background image applied which is a workaround for web developers who need to achieve this effect.
Additionally; when a border is applied to the image the border is rounded, but disapears behind the image.
HTML-code to display an image with a rounded border:
<img src="image.jpg" alt="image" style="-moz-border-radius: 10px; -webkit-border-radius: 10px; border: solid 1px red">
Apple Safari 4 supports an alternative property which does work. The image itself is rounded, but the rounded part of border is not displayed. This behavior should not be copied.
Reproducible: Always
Status: UNCONFIRMED → RESOLVED
Closed: 16 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•