CODEWITHSUNDEEP
htmlcssinternet-explorer-11
Craig Jacobs
Craig Jacobs

Reputation: 1071

IE11 Ignoring Inline CSS

Site being developed here: http://new.brushman.com/about/

The CMS allows adding of in-line CSS on a page by page basis. This CSS is added to the page after all other .css files are loaded.

IE11 is ignoring the style, even-though it works in 8, 9, 10, Edge, and all the rest (Chrome, Firefox, Safari, etc)

The inline CSS is:

<style>
/* CMS Page about CSS */
main {background: #d70055;}
</style>

and is in the after all the css files are loaded

The interesting thing is that inspect element shows the background with a checkmark, and it's at the top of the list indicating it has the highest priority.

There are no opaque elements covering the element.

Some things I've tried: !important removing the comments adding additional new lines using rgba

Completely and thoroughly stumped.

Upvotes: 1

Views: 3249

Answers (2)

Keammoort
Keammoort

Reputation: 3075

This should work:

main {
    display: block;
    background: #d70055;
}

IE does not treat unknown types of elements as block elements - just like the <main> element in this case.

Upvotes: 5

Muleskinner
Muleskinner

Reputation: 14468

Unfortunatley IE11 does not support the new <main> html semantic element.

Upvotes: 0

Related Questions