iframe中背景圖片設爲no-repeat引發的異常

原創

2020-02-23 12:28

問題：

頁面中嵌入一個IFRAME的彈出層效果，docType爲xhtml1-transitional，此時若爲BODY設置了背景圖片，且設置了background-repeat屬性，在使用滾動條的情況下將出現顯示異常，內容會出現殘留覆蓋。如下圖所示：

原因：

未知...

解決辦法：

去掉網頁的DOCTYPE屬性
不使用background-repeat屬性
將背景樣式設置到html對象上（滾動條好像也必須要這樣） --- 本人認爲最優方案

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

require(‘module‘).globalPaths.push(‘「%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, ‘\\\\

<% if (htmlWebpackPlugin.options.nodeModules) { %> <!-- Add `node_modules/` to global paths so `require` work

2020-07-08 11:54:33

Electron 案例 # 本地音樂播放器開發教程

文中就部分關鍵代碼作了解釋。完整代碼見文末附錄。進程間通信原型圖功能流程

2020-07-08 11:54:32

Html Webpack Plugin: ReferenceError: process is not defined

修改ejs文件將<% if (!process.browser) {%> 改成： <% if (!require(‘process’).browser) { %>

2020-07-08 11:54:32

electron-vue項目引入element-ui

參考： https://www.jianshu.com/p/1defe83929f3 npm install element-ui main.js import ElementUI from 'element-ui' impor

2020-07-08 11:54:31

不可忽視URL漏洞

/* written by Jaron(賈俊) ,2003-11-04 *//* 原出處：B/S WEB技術中文網 http://www.jaron.cn ;*//* 歡迎訪問我的網站： http://www.jaron.cn http

2020-07-08 09:02:08

HTML 實現排行榜

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>排行榜</title> <style type="text/cs

2020-07-08 09:11:56

Dom操作延遲問題

//這個循環會導致第一句dom操作延遲1s2s this.draws=false; //顯示一個div for(var i=0;i<9999;i++){ console.log("2") } //解決方法 this.

2020-07-08 09:09:01

1upx border在某些手機機型上某一邊框顯示不出來解決方案

今天在做uni-app項目進行測試時，發現當邊框爲1upx時，某些框的邊顯示不全（無效）。自己某前遇到問題的手機：iPhone XS Max。展示的bug效果如下：以上區域中，發現邊框的下邊沒有顯示出來。又是兼容問題導致的bu

2020-07-08 07:53:02

ES6中數組複製與合併

ES6擴展符...在數組中的應用擴展運算符:採用...，將一個數組轉爲用逗號分隔的參數序列。即更直觀的可以稱爲展開符，eg:對let a = [1,2,3], ...a 結果 1,2,3 將數組裏面的東西直接展開放在此處一、

2020-07-08 07:15:13

HTML(超鏈接，建立錨點，建立圖像，圖像地圖)

<html> <head> <title>超鏈接標籤</title> </head> <body> <a href="http://syt.coolpage.biz" target="_blank">syt的窩</a><br> <a

2020-07-08 06:12:45

js 彈出層

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

2020-07-08 04:09:44

CSS實現button按鈕閃爍效果

最近有個奇葩需求，我們客戶要求按鈕要像星星一樣一閃一閃的！！！.......... <el-button type="success" class="flash animated infinite">按鈕</el-button> .

橘猫猫猫猫丶

2020-07-08 04:09:33

CSS＋JS實現瀏覽器不保存用戶名密碼

因爲信息安全問題，客戶要求在輸入密碼的時候，不讓瀏覽器彈出是否保存用戶名密碼的框框..... 調查發現只要將input的type指定爲password就會提示，所以想了這麼個辦法... 只試過IE11和Chrome，其他瀏覽器不知道好不好

橘猫猫猫猫丶

2020-07-08 04:09:33

時間控件資源分享

發現一個很好的網站MY97時間控件網，裏面有好多時間控件很方便開發人員根據自己的需求找到自己想要的實現，真是很感謝網站主任的貢獻！

2020-07-08 04:08:19

HTML超文本標記語言學習2.--層疊樣式表的使用

2018.03.27 author：wills 上一篇文章中對HTML中常見的標籤，進行了瞭解，但是僅僅只是瞭解哪些標籤是不夠的，我們如果需要對網頁進一步進行更高級的渲染，就需要用到層疊樣式表。下面是一些粗淺的層疊樣式表的用法

披星戴月观日

2020-07-08 03:15:51

24小時熱門文章

最新文章

最新評論文章