{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/18802","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/18802/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/18802/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/18802/events","html_url":"https://github.com/twbs/bootstrap/issues/18802","id":125627247,"number":18802,"title":"Cards with image overlays don't work with CSS filters on Chrome","user":{"login":"phbo85","id":16410950,"avatar_url":"https://avatars.githubusercontent.com/u/16410950?v=3","gravatar_id":"","url":"https://api.github.com/users/phbo85","html_url":"https://github.com/phbo85","followers_url":"https://api.github.com/users/phbo85/followers","following_url":"https://api.github.com/users/phbo85/following{/other_user}","gists_url":"https://api.github.com/users/phbo85/gists{/gist_id}","starred_url":"https://api.github.com/users/phbo85/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/phbo85/subscriptions","organizations_url":"https://api.github.com/users/phbo85/orgs","repos_url":"https://api.github.com/users/phbo85/repos","events_url":"https://api.github.com/users/phbo85/events{/privacy}","received_events_url":"https://api.github.com/users/phbo85/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/awaiting%20reply","name":"awaiting reply","color":"d4c5f9"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/css","name":"css","color":"563d7c"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/v4","name":"v4","color":"563d7c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-01-08T14:59:47Z","updated_at":"2016-01-08T21:20:49Z","closed_at":null,"body":"It seems only the first card with images overlay seems to work with the filter. The other cards appear white on Chrome 47 with Windows 10.\r\n\r\nExample: http://codepen.io/phbo/pen/obWwwB\r\n\r\nEdit: closed the div "},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/170126661","html_url":"https://github.com/twbs/bootstrap/issues/18802#issuecomment-170126661","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/18802","id":170126661,"user":{"login":"kevin-quach","id":8634406,"avatar_url":"https://avatars.githubusercontent.com/u/8634406?v=3","gravatar_id":"","url":"https://api.github.com/users/kevin-quach","html_url":"https://github.com/kevin-quach","followers_url":"https://api.github.com/users/kevin-quach/followers","following_url":"https://api.github.com/users/kevin-quach/following{/other_user}","gists_url":"https://api.github.com/users/kevin-quach/gists{/gist_id}","starred_url":"https://api.github.com/users/kevin-quach/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kevin-quach/subscriptions","organizations_url":"https://api.github.com/users/kevin-quach/orgs","repos_url":"https://api.github.com/users/kevin-quach/repos","events_url":"https://api.github.com/users/kevin-quach/events{/privacy}","received_events_url":"https://api.github.com/users/kevin-quach/received_events","type":"User","site_admin":false},"created_at":"2016-01-08T21:20:49Z","updated_at":"2016-01-08T21:20:49Z","body":"It looks to be a conflicting issue between .card-column's `-webkit-column-count` and the `-webkit-filter`. `-webkit-backface-visibility: hidden;` applied to the `<img>` seems to fix the issue. \r\n\r\nCodepen: http://codepen.io/anon/pen/mVmXRJ"}}