Question

iframe中css无效

我在WEB上写了一个页面，A.html
在A.html中iframe了页面B.jsp
但是当我打开A的时候，会发现B中的css效果失效，本来设定为14px的字体没有出现
我在A.html页面中有：
<link rel="stylesheet" type="text/css" href="../css/cdzx_css.css" />

然后再B.jsp中有：
<link rel="stylesheet" href="../css/center.css" type="text/css" />

css的内容并没有问题，
以为我在IE上就显示正常，
但是在搜狗浏览器中就显示css失效，当我刷新一遍页面之后css就有效果了
请问这是什么原因？
该怎么解决
单独打开B页面看的时候css是有效果的
但是我痛苦的是我在A.html中其实是
iframe了页面B.jsp和C.jsp两个页面的（使用javascript点击button修改iframe的src）
当我一开始打开A的时候iframe的是B，如果这个时候css失效，我刷新页面，css生效。但是当我切换成C的时候，C页面的css还是失效的，我在换回B页面，发现也失效了。。。。。。
B和C页面的css的link是一样的

Answer 1

建议你把CSS写在一个文档中。

例如B.JSP 用的是B.css C.JSP用的是C.css 可以把这俩CSS都放在HTML那个CSS例如html.css里面。

如需特别定义，可以在html.css里定义，如有冲突，可以加个iframe在前面。

例如1.html里面有class=“same”，B.JSP里也有。

那么，你可以通用.same{}定义样式。
B.JSP这个iframe样式可以用iframe{}来定义，B.JSP里的same类如和1.html样式不同，可以用
iframe .same{}再定义。

这样整个也清晰。

Answer 2

你单独打开B页面看看CSS是否有效果，如果你在搜狗浏览器中刷新一下就有了，可能是缓存的问题。

追问

单独打开B页面看的时候css是有效果的
但是我痛苦的是我在A.html中其实是
iframe了页面B.jsp和C.jsp两个页面的（使用javascript点击button修改iframe的src）
当我一开始打开A的时候iframe的是B，如果这个时候css失效，我刷新页面，css生效。但是当我切换成C的时候，C页面的css还是失效的，我在换回B页面，发现也失效了。。。。。。
B和C页面的css的link是一样的

追答

你把href="../css/center.css"改成href="css/center.css"试试。(HTML文件和CSS文件夹在同一个目录下)