JSP中使用iframe导致内层网页CSS失效问题的解决方案

最新推荐文章于 2023-05-17 10:19:28 发布
最新推荐文章于 2023-05-17 10:19:28 发布
阅读量3.6k 收藏 1
点赞数
分类专栏： java web 文章标签： java web 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33859479/article/details/86256766
版权

jsp中使用<iframe>，由于CSS层级问题 导致外层主页面的CSS对<iframe>中的控件无效...

解决方案：       （1）用<jsp:include>啊，CSS不失效，哈哈哈哈

                         （2）把CSS引用路径写成绝对路径 这样对内层的frame也能找到css文件


 

hohotiger
关注
专栏目录
iframe 嵌套外部地址导致外部页面中的echart样式失效
周家大小姐
02-23 783
注:echart在iframe中使用不可以作百分号为单位不然样式会失效。我这里是跨域的还是两个项目。
html+css+js基础内容（一）
Android、HTML、CSS、JS、JAVA、Kotlin、PHP等技术
04-20 234
1.标签由标签名、标签属性和文本内容三部分组成（注意：单标签没有文本内容）。 2.标签属性是对标签的一种描述方式。 3.标签属性分通用属性、自有属性和自定义属性。 4.通用属性:所有标签都具有的属性（除<br />标签外）。 通用属性有： id：用来给标签取一个唯一的名称。id名称在一个网页必须是唯一的。 class：用来给标签取一个类名。 style：用来设置该标签的行内样式。 title：当鼠标移到该标签，所显示的提示内...
如果在vue中插入了iframe，那么在vue中的style里写iframe样式为什么会不起作用
最新发布
weixin_48975022的博客
05-17 1215
为了解决这个问题，可以尝试给iframe设置样式时，直接在HTML文件中添加CSS样式表进行设置，或者使用JavaScript代码来控制iframe的样式属性。另外，也可以通过父组件向子组件传递props，将样式属性传递给iframe，从而实现样式设置。当在Vue中插入了iframe时，如果在Vue组件的样式或者style标签中写iframe的样式，则有可能不起作用。这是因为iframe标签本身就是一个独立的HTML文档，它并没有继承父组件的样式。
浏览器缓存和frame页面css失效
a1008223的专栏
11-15 168
iframe改变不了css,iframe css问题
weixin_29877175的博客
08-03 605
如果所示，本意是在红色主体区域放一个iframe。代码就是下面注释的iframe-->-->现在注释了现在右边是没有滚动条的。现在去掉iframe的注释，右侧滚动条出现。看最下面还有红色的背景，大概10px左右。实在搞不懂这里为什么出现,我js算的没问题啊。我本意是iframe里的高度如果不足外面红色主体部分，就撑满。代码：function setIframeHeight(iframe...
使用frame，框架后，在jsp中，外部引用 link css样式表无效的解决方法
极品小肥羊的博客
07-13 3669
使用frame，框架后，在jsp中，外部引用 link css样式表无效的解决方法   http://www.kfeat.com/template/css/style.css" rel="stylesheet" type="text/css" /> 今天项目出现一个怪问题,发现CSS样式没了,查了查路径也没错啊. 然后查了查资料,人家说用了框架后,css路径最好不要用相对路径.
前端刷题过程中遇到的重点题记录
热门推荐
weixin_44715144的博客
10-13 3万+
前言 此篇包括但不仅限于对前一篇博客知识点的补充 1.手写深度比较，模拟lodash isEqual 关于深度比较的理解：如果obj1和obj2的属性、值全部相等，但是令他们 = = =的时候，还是返回false，因为他们的地址不同，深度比较就是能对两个地址不同，值相同的对象进行比较，返回true。 function isObject(obj){ return typeof obj === 'object' && obj !== null; } function isEqual(o
Java开发面试常见问题总结
m0_54849806的博客
06-23 450
1、JAVA的跨平台原理JVA源码被编译会生成字节码文件，通过不同平台上下载的不同版本的JVM，将字节码文件翻译成对应的机器码。注意的是，跨平台的Java程序，不是JVM。JVM是使用C/C++开发的，是编译后的字节码，不能跨平台。（1）基本数据类型byte1字节数值型short2字节数值型int4字节数值型long8字节数值型float4字节数值型double8字节数值型boolean1字节布尔型char2字节字符型（2）引用数据类型：类（class）、接口（interface）、数组封装、继承、多态、抽
CSS 不起作用？
MuMu的博客
06-30 1034
今天给老同事修改bug时发现导入新样式表不起作用，排查原因发现是iframe的原因，记下小笔记。iframe外层引入的css样式对iframe内部无效。其他css无效原因暂定为路径错误吧，如果问题可以留言，待木木看到回你。...
iframe 显示持续css,IFRAME中的CSS问题
weixin_36111764的博客
08-04 247
我想在框架中打开一个modalpopup。我在这里贴了我的框架的htlm代码和css样式。这个代码适用于IE 7.0但不适用于IE 6.0。在IE 6.0中我看到我的面板中的滚动条。这可能导致这个问题？我该如何解决？我在主页面中按这些宽度和高度打开框架。这是框架的aspx： Warning 这就是CSS：/* dialog frame */.modal-dialog{position:a...
html页面中iframe导致JavaScript失效
ann49988的博客
01-23 2171
<body onload=“reset()”> 　　<div id="part1"> some thing here .... 　　<div> 　　<ifame src="xxxx"/> 　　<script> 　　function reset(){ 　　var height = ...
iframe改变不了css,css悬停改变iframe位置和z-index在IE中不起作用
weixin_31098573的博客
08-03 445
当我将鼠标悬停在iframe上时，我的页面上有一项功能css会更改position和z-index，以便iframe变得更大并移到前面。但它不会在IE中工作。很难让悬停变化触发(我必须在div的边界上缓慢移动)，当它触发时，忽略了放大的iframe。JSfiddle for this：http://jsfiddle.net/LWRUd/(小提琴正常工作)CSS：.server-unit-head{...
项目使用iframe，session失效时不能正常跳转到登录页面的问题
Michaeles的博客
12-24 582
1.js /*解决iframe框架session失效时跳不出去*/ if (window != top) { top.location.href = location.href; } 2.Java中使用js response.setCharacterEncoding("gbk"); PrintWriter out = response.getWriter(); out.prin...
关于html引入css文件后没有效果问题
/
02-10 1万+
这个问题在我写前端的时候是一直会出现的，为了避免下次再次出现，有必要记录一下。通过外部样式表引入css文件到html中，会用到：（以下是这里的问题是标签可以有type属性，但是应该写成,也就是：（以下是照成上述原因是用vscode时快捷生成代码时敲了
解决iframe内嵌移动端页面出现样式错乱问题
weixin_64141611的博客
07-10 3858
出现移动端页面样式错乱的原因：手动给iframe标签设置高度造成的。 解决思路：在iframe页面完成DOM渲染再给iframe设置高度。 具体实现：
操作iframe中的DOM元素
chinmo的收藏
02-17 1473
操作iframe中的DOM元素，有两个注意点：1、必须先获取指定iframe的document；2、对于1，必须在页面load完以后才能获取；举例说明： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
用iframe标签简化页面，避免冲突
weixin_30883777的博客
04-09 281
如果将一个很复杂的特效加到页面上往往需要添加大量的css样式和javascript,这样就会造成页面混乱。代码不易管理。 还可能应为样式冲突和javascript冲突造成页面不能正常显示。 iframe引用单页可以很好避免这些问题。 目前不不知道有什么负面效果。 <iframe scrolling="no" border="0" frameborder="0" src="ngflas...
【原创】iframe页的登录失效时，如何直接父页面刷新到登录页
hll127的专栏
06-01 5330
今天一个网友“乁乁辉”在群里提到一个问题，说登录超时后返回登录页会在iframe里打开，并且给了解决的js代码。其实我之前也知道有这个问题，问题如下图所示：但是倒也没直接就去解决，感觉这个问题倒还好，不是那么严重，就没花精力去处理。正好这位热心的网友给了我解决的代码了，我想那就直接用上吧，网友的代码如下：其实就是一个iframe父子窗口判断操作的代码了，当判断出来登录失效时执行一下。本来问题这样就...
原生js操作iframe标签引入的页面的DOM元素方法
6块腹肌的博客
11-23 7518
&lt;iframe id="ifr" src="test.html"&gt;&lt;/iframe&gt; // 父级页面的iframe let iframe = document.getElementById("ifr"); let testchild = iframe.contentWindow.document.getElementById("test"); //
Java与JSP中文乱码问题完全解决指南
JavaJSP中文乱码问题一直是开发过程中常见的困扰，尤其是在处理用户输入、数据库存储以及文件读写等场景。本文主要探讨如何解决这些问题，并分享作者在实践中积累的解决心得。 首先，我们要理解Java和JSP中中文乱码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值