IE8 does not respect the use of display:none

Question

IE8 does not respect the use of display:none

I am dealing with a particular markup present on a page within an iframe, and unfortunately I do not have direct access to it. The other code on the page is irrelevant so I haven't included it here.

My only means of targeting this code is through CSS.

I have attempted to hide the close button by adding the following line to the CSS file:

img[alt='Close'] {display:none !important;}

This is the actual markup:

<td align="center"><a href='javascript:window.close()'><img src='v/vspfiles/templates/100/images/buttons/btn_close.gif' alt='Close' border=0></a></td>

The CSS rule works as expected in all browsers I've tested (Firefox, Opera, Safari), but in IE8 it seems to be ignoring the CSS and displaying the button. I'm unsure if there's an issue with the selector or possibly a syntax error.

I'm at a loss for how to proceed from here.

css internet-explorer-8

Answer 1

Answer №1

When in "standards-compliant mode,” IE8 supports Attribute Selectors. For more information, check out the following sources:

http://msdn.microsoft.com/en-us/library/aa770069.aspx [Remarks Section] http://msdn.microsoft.com/en-us/library/cc288325.aspx

To activate standards compliance mode in IE8, refer to this link about DTD:

http://msdn.microsoft.com/en-us/library/ms535242.aspx [Table Navigation]

Answer 2

When in "standards-compliant mode,” IE8 supports Attribute Selectors. For more information, check out the following sources:

http://msdn.microsoft.com/en-us/library/aa770069.aspx [Remarks Section] http://msdn.microsoft.com/en-us/library/cc288325.aspx

To activate standards compliance mode in IE8, refer to this link about DTD:

http://msdn.microsoft.com/en-us/library/ms535242.aspx [Table Navigation]

IE8 does not respect the use of display:none

Answer №1

Similar questions

Tips for Maintaining White Space and Line Breaks in Django

Adjusting background position using incremental changes through JavaScript

Trouble encountered in aligning two DIVs in a horizontal position

Tips on applying a border to an HTML tr

Is it possible to update the background image of my iframe video?

The true meaning of CSS3 transition is often misconstr

CSS - vertical and horizontal lines vary in thickness depending on the design

Texture overlay on a Bulma video background

Adjust the overflow behavior of the parent element - choose the desired

Here is a unique version: "A guide on centering a carousel item in jquery upon being clicked."

The right alignment for ul and li styles is recommended for a cleaner appearance

Issue with CSS :hover not working due to jQuery altering CSS properties

Reduced width for dynamic website design

The Bootstrap 4 navigation bar item unexpectedly jumps below and then wraps around

"Step-by-Step Guide to Dividing and Centering Text Sections with Dynamic

Bootstrap tab toggling with checkbox

tips for preventing the automatic "pop-up and vanish" action of the HTML video control bar

Column-oriented and Slim-fit packaging

Issue with Chrome's webkit causing images to display incorrectly in slideshow

HTML - The navigation bar will shrink in size as the user scrolls down on the page