transparent border isn't transparent on elements that have linear gradients
Reported by
aa...@uselyte.com,
Aug 23 2016
|
|||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Example URL: http://codepen.io/anon/pen/RRmdpA Steps to reproduce the problem: 1. Goto this page http://codepen.io/anon/pen/RRmdpA 2. See non-transparent border on right side of element. What is the expected behavior? element border to be transparent What went wrong? element border was not fully transparent Does it occur on multiple sites: N/A Is it a problem with a plugin? N/A Did this work before? N/A Does this work in other browsers? N/A Chrome version: 52.0.2743.116 Channel: stable OS Version: OS X 10.11.6 Flash Version: Shockwave Flash 22.0 r0
,
Aug 24 2016
Able to repro this issue on Windows 7, MAC (10.11.6) & Ubuntu Trusty (14.04) for Google Chrome Canary Version - 54.0.2835.0 This is a Non-Regression issue existing from M30 - # 30.0.1549.0
,
Aug 24 2016
,
Aug 24 2016
,
Aug 25 2016
This is spec compliant, so not a bug. The relevant style attribute is "background-clip", with the default value "border-box" meaning the background extents to the outer edge of the border, under the border. With a transparent background you see the background in the border area. To get the behavior you want, set "background-clip: padding-box". I have verified that it works to solve your problem. |
|||||||||
►
Sign in to add a comment |
|||||||||
Comment 1 by patricia...@chromium.org
, Aug 24 2016Labels: -OS-Mac OS-All