IE10开发人员工具导致样式丢失

Question

I have a page1 including page2 with "iframe" tag,both of these two pages link to the same stylesheet,everything works fine,until i press "F12" to toggle developer tool in IE10,some of the classes miss styles defined in the css file suddenly,and the two pages go into a wrong display. Can anyone help?

there are two methods to solve this problem, change the class name or add a timestamp after style url. Why?

Answer 1

This is a bug in IE10.

You can add a query string in page2 to fix this bug:

page2:

<link rel="stylesheet" href="css/base.css?t=2013" />
<link rel="stylesheet" href="css/layout.css?t=2013" />

page1:

<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/layout.css" />