iframe中背景图片设为no-repeat引发的异常

最新推荐文章于 2022-04-13 09:04:44 发布
最新推荐文章于 2022-04-13 09:04:44 发布
阅读量277 收藏
点赞数
分类专栏： Web开发 文章标签： HTML

问题：

页面中嵌入一个IFRAME的弹出层效果，docType为xhtml1-transitional，此时若为BODY设置了背景图片，且设置了background-repeat属性，在使用滚动条的情况下将出现显示异常，内容会出现残留覆盖。如下图所示：

 

原因：

未知...

解决办法：

  1. 去掉网页的DOCTYPE属性
  2. 不使用background-repeat属性
  3. 将背景样式设置到html对象上（滚动条好像也必须要这样）  --- 本人认为最优方案
iteye_5372
关注
专栏目录
如何防止网页的背景图片重复 no-repeat
飞雪的博客
04-21 1万+
（1）现在一般都用css设定了，比如在一个div下设背景图片切不让其重复，则可设一个样式，比如： .nobgrepeat{background:url(背景图片地址) left top no-repeat;} （2）也可以设置背景图片的高宽，要与背景图片的大小一样 注意：但是有时候加了 no-repeate之后，图片就会不见了，这种情况与设置的 left
前端 - 面试题总汇
qq_44641053的博客
03-15 2935
前端1. 标签上 alt与 title属性的区别是什么？2. DIV+CSS 布局较 table 有什么优势？3. 介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？4. CSS 选择符有哪些？5. JS 的数据类型有哪些？6. null，undefined 的区别?7. 描述下 JSON 对象的两个很重要的方法8. eval 是做什么的？9. 简述下为何通过 ajax ...
IE设置iframe背景图片透明
weixin_34415923的博客
10-08 123
ALLOWTRANSPARENCY="true" javascript是大小写敏感的，html是不敏感的。html中onclick和onClick都可以。 转载于:https://www.cnblogs.com/davin-dai/archive/2011/10/08/2203017.html...
iframe背景图片 的设置（css 与style）
大富豪的雨伞黎儿的博客
02-18 3134
iframe背景图片 的设置（css 与style） <iframe scrolling="auto" allowtransparency="true" name="main" style="width:100%;height:100%;background-image:url(../Content/images/pFlow.png)"> </iframe> background-repeat: no-repeat; background-attachment: fixed;
使iframe里面引用页透明，显示主页面的背景图片
0.0 空间
07-28 1118
 main.htm         ALLOWTRANSPARENCY="true" >             iframe.htm           STYLE="background-color:transparent">       Transparent.            
java设置图片_JAVA 设置背景图片
weixin_34790851的博客
02-20 230
关键就就是这几句话ImageIcon image = new ImageIcon(Main.class.getResource("back.png"));Image ii=image.getImage();g.drawImage(ii, 0,0, this.getWidth(), this.getHeight(), null);package open.ui;import java.awt.Col...
模糊测试--强制性安全漏洞发掘
热门推荐
软件性能测试专栏
01-20 2万+
文档分享地址链接：http://pan.baidu.com/share/link?shareid=2723797392&uk=2485812037 密码：r43x 前 言 我知道"人类和鱼类能够和平共处" 。 --George W. Bush, 2000年9月29日 简介 模糊测试的概念至少已经流传了20年，但是直到最近才引起广泛的关注。安全漏洞困扰了许多流行的客户端应用程序
[yishen] 小慕读书web端学习笔记
yishen的博客
09-23 2814
课程常用链接 【前奏-课程】快速入门Web阅读器开发 【小慕读书web端】Vue 实战商业级读书Web APP 全面提升技能 【epub图书免费下载站点 · 中文书】http://www.ziliaoh.com/epub.html 【项目代码gitee】https://gitee.com/yishen_yishen/vue-ebook 如果对你有帮助欢迎点个 star 【md格式 源文档下载】下载链接 在线阅读可能会乱码(我知道是编码问题，但在七牛云里不知道怎么修改)，请下载后查看 阅读器原理课程-免
php杂谈【基础篇】之_7.PHP涉及的所有英文单词
u011513939的博客
07-03 2670
php杂谈【基础篇】之_7.PHP涉及的所有英文单词拦路虎 PHP再火，也会让一部同学心生畏惧，因为看到编辑器中那一串串英文单词，担心自己英文不好，从而对能学会PHP的决心产生动摇。其实大可不必，英文在学习PHP过程中真的连级别都够不上，毕竟咱们义务教育阶段都接触过英文，毕竟我们现在有智能手机，随时可以查单词。为了更方便零基础同学克服对英文的恐惧，传智播客PHP学科各阶段讲师联袂整理自己
前端基础之Html、CSS、JavaScript、JQuery、Ajax
pybstudyjava的博客
03-29 1863
前端 1.HTML XML：可扩展标记语言 XHTML：可扩展的超文本标记语言 1. HTML 概述 HTML：超文本标记语言 网页组成：文字 + 图片 + 表格 + 表单 + 链接 + 视频 + 音频 网页文件的格式：htm ，html 网页的注释：<!-- 注释的内容 --> html 结构 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh
html语言怎么让背景图片不重复,css怎么设置背景图片不重复？
weixin_33134753的博客
05-31 4598
在使用css添加背景图片时，默认的样式是图片重复；但有时页面只需要一个不重复的大背景图片，那么如何让背景图片不重复？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。在CSS中，可以使用background-repeat属性来设置背景图片不重复。background-repeat属性用于设置背景图片的重复方式，将background-repeat属性值设为no-repeat即为背景图片不重复。b...
Iframe中使用JS事先切换背景颜色、背景图片的效果
avgk01030117的博客
10-18 326
项目文件中使用了好多的Ifarme，刚开始以为是根本就没办法实现，因为本身对Javascript不是很熟悉，所以好像花了好多的时间，先记录下，以备下次用到方便查找！1、更改Body的颜色、背景图片<a href="#" onclick="top.document.body.style.background='yellow'">测试</a><a href="#...
html 背景图片不重复显示,css如何设置背景图片不重复？
weixin_35577004的博客
06-04 3085
css设置背景图片，默认的样式是图片重复，有的时候页面只需要一个不重复的背景图片，这就需要使用到css背景图片重复属性background-repeat: no-repeat;进行设置。css使用background-repeat设置背景图片不重复和不使用background-repeat属性对比。示例：不设置background-repeat属性body{background-image:url...
html怎么加背景图片不重复,css怎么设置背景图片不重复？
weixin_31207903的博客
06-04 5025
在使用css添加背景图片时，默认的样式是图片重复；但有时页面只需要一个不重复的大背景图片，那么如何让背景图片不重复？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。在CSS中，可以使用background-repeat属性来设置背景图片不重复。background-repeat属性用于设置背景图片的重复方式，将background-repeat属性值设为no-repeat即为背景图片不重复。b...
iframe背景透明问题
xwygn的专栏
10-19 514
iframe的透明背景 　在transparentBody.htm文件的标签中，我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解：
CSS中设置背景的7个属性及简写background注意点
王春燕的博客
04-13 9974
css中背景的设置至关重要，也是一个难点，因为属性众多，对应的属性值也比较多，这里详细的列举了背景相关的7个属性及对应的属性值，并附上演示代码，后期要用的话，可以随时查看，那我们坐稳开车了······ 1: background-color 设置背景颜色 2:background-image来设置背景图片 - 语法：background-image:url(相对路径); -可以同时为一个元素指定背景颜色和背景图片，这样背景颜色将会作为背景图片的底色，一般情况下设置背景...
el-dialog中如何设置iframe内部背景颜色
最新发布
06-13
如果您想在el-dialog中嵌入一个iframe并设置iframe内部的背景颜色，可以使用以下代码： ```html <el-dialog title="Dialog Title" :visible.sync="dialogVisible" width="50%"> <iframe src="your_url" frameborder="0" style="width:100%; height:100%; background-color:your_color;"></iframe> </el-dialog> ``` 将"your_color"替换为您想要的颜色值即可。例如，如果您想要将iframe内部的背景颜色设置为红色，可以使用以下代码： ```html <el-dialog title="Dialog Title" :visible.sync="dialogVisible" width="50%"> <iframe src="your_url" frameborder="0" style="width:100%; height:100%; background-color:red;"></iframe> </el-dialog> ``` 请注意，设置iframe内部的背景颜色需要将样式直接应用于iframe元素，而不是在iframe中设置背景颜色。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值