New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
IE11 shows some kinda of emboss in panel-primary #16671
Comments
That's not any CSS bug, it's a rendering issue I believe. Looks like the background is bleeding through for some reason. Are you zoomed in or out at all? |
No zoom. I tried with different zoom, to see the results. All the same. Just tested in a IE9 on Windows 7 and the result is the same as Chrome, flat, without the "emboss". |
I've just been looking into this issue on IE11 on Windows 8.1. It is a bit jarring once you notice it. Using the F12 DOM Explorer devtool and then turning off both 'border-top-left-radius:3px' and 'border-top-right-radius:3px' from .panel-heading fixes the issue and all the example panel headings looks great with no 1 pixel white inner border. |
Confirmed in Win 8.1 IE 11.0.9600.17801 on Sauce Labs. |
The bug does not repro in Win 8 IE10 on Sauce Labs. |
Confirmed that this is what's happening. Changing the background-color of the |
Add Wall of Browser Bugs entry for #16671
Confirming on behalf of the IE team that we see the issue in both Internet Explorer and Microsoft Edge. As @coliff stated above, turning off the border-radius values on I've created a repro of this, confirming that the issue is a combination of a sized-width containing element, and the overall width of the window. Note the override of the second panel's rounded corners. |
Per #16671 (comment) Refs #16689 [skip sauce]
@jonathansampson Thanks! IE Team's responsiveness is greatly appreciated. |
Windows 8, IE 11:
In Chrome it is flat. Shouldn't be flat in IE 11 too?
The text was updated successfully, but these errors were encountered: