[Webkit-unassigned] [Bug 23166] background-clip doesn't work when border-radius is specified

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Oct 7 00:40:34 PDT 2011


Gabriel Schulhof <gabriel.schulhof at intel.com> changed:

           What    |Removed                     |Added
                 CC|                            |gabriel.schulhof at intel.com

--- Comment #15 from Gabriel Schulhof <gabriel.schulhof at intel.com>  2011-10-07 00:40:34 PST ---
  <title>Clipping Bug</title>
.rounded-corners {
  position: relative;
  width: 120px;
  height: 80px;
  border: 10px solid black;
  border-radius: 30px;
  overflow: hidden;

.inner-box {
  position: absolute;
  width: 50px;
  height: 50px;
  background: red;
  left: -20px;
  top: -20px;
  <div class="rounded-corners">
    <div class="inner-box"></div>

Looks correctly clipped in Firefox 7.0.1, but not in Google Chrome 14.0.835.202.

Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.

More information about the webkit-unassigned mailing list