contentsCss with background-image break select rendering

[FrankSL]

Hi, I need to include a css file with contentsCss option and using stylesheetparser. The css file contains a body element that defines a background-image. I need this so that the editor window 'inherits' that background image that is correctly displayed inside the editor area. My problem is that the same background image is applied to all the selects in the toolbar (style, font, dimensions, ...), is this a bug or there's a workaround? This happens in both 3 and 4 versions. Thanks, Frank

[Jakub Ś]

Menu and Editor content area both have body element. Applying image to body results in image being applied to both. This is rather normal CSS behaviour.

What you can do is make contentarea body specific. Please try below:

//In HTML  Page
CKEDITOR.replace( 'editor1',{
	bodyId : 'abc'
} );

//In contentsCss
body{
...
}

body#abc{
background-image:url('http://www.technologicvehicles.com/Content/news/2155/2013_Enzo_F70_F150.jpg');
}