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

Fri Oct 7 00:40:34 PDT 2011

https://bugs.webkit.org/show_bug.cgi?id=23166

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 ---
<html>
<head>
  <title>Clipping Bug</title>
  <style>
.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;
}
  </style>
</head>
<body>
  <div class="rounded-corners">
    <div class="inner-box"></div>
  </div>
</body>
</html>

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.