This should be fixed, was a CSS issue in older versions.
My problem still here, i have transparent toolbar.
(WP 4.4.2, TinyMCE Advanced 4.2.8)
Screenshot from Chrome:
View post on imgur.com
I have the exact same problem !
I have same problem..
Problem is in css class .mce-container {background: 0 0;}
when i set in browser dev tools to #fff, its good.
Hmmm, this should be overriden with:
.mce-menubar {
border-color: #e5e5e5;
background: #fff;
border-width: 0px 0px 1px;
}
in editor.css.
What browsers do you see that in? Could you try enabling SCRIPT_DEBUG and see if any difference.
No effect for me unfortunately. I’m using Chrome
Then right-click on empty space on the menubar and select “Inspect”. Then see what is overriding the above default and where it comes from. (Paste the CSS part in another comment here if in doubt).
Please take a look at screenshot, at arrows:
http://imgur.com/hLUk06v
Rule in /wp-includes/js/tinymce/skins/lightgray/skin.min.css
.mce-container * {background: 0 0;}
Rewrite rule
.mce-menubar {background: #fff;}
Solution:
.mce-container * {background-POSITION: 0 0;}
.mce-btn button {background: transparent;}
