I noticed this in IE8. In Chrome it seems to be working fine. When I zoom in or out the page (CTRL+mouse wheel scroll or using the buttons in the browser's menu) the blue bar of the header disappears. This site is using the seattle.master,but it's the same with the oslo.master too.
Here, let me show you what I mean:
- Before zoom
- After zoom
I also noticed, that if I disable the following CSS property in corev15.css, it works, regardless of the level of the zoom:
.ms-core-needIEFilter #suiteBarLeft{
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff0072c6,endColorstr=#ff0072c6); BACKGROUND-COLOR: transparent;
}
Could somebody tell me, if this a general bug in the SP2013 master pages, or is it happening just on my environment(s)? Also, what is the cause of this (probably IE, as always) and what elegant solution could I apply? (Disabling that CSS property -> not elegant :) )
Thanks a lot!