1. 程式人生 > >應用從ie9遷移到ie11,css樣式position:relative不可用解決方案

應用從ie9遷移到ie11,css樣式position:relative不可用解決方案

問題描述

問題的現象和解決問題的方式看似毫不相關,請看: 向某個html元素追加子元素,$("#div").append(*****),將實現程式碼從ie9遷移到ie11。 同一頁面的button按鈕,點選任意一個,所有button都會被禁用。

解決方案

ie11下position:relative生效,嘗試新增float:left或display:block,我新增的是display:block。解決方案如下:

ie9環境,html標籤和css樣式程式碼

<span style="font-size:18px;"><pre name="code" class="html"><span class='stepname'>name</span></span>
<span style="font-size:18px;">.stepname{position: relative;line-height:7px;left: 22%;top:5px;color:#888;font-weight:bold;}</span>
ie11環境,html標籤和css樣式程式碼
<span style="font-size:18px;"><span class='stepname'>name</span></span>
.stepname{position: relative;line-height:7px;left: 22%;top:5px;color:#888;font-weight:bold;display: block;}

另外,ie11使用position:absolute,不會出現上述問題。

參照連結:https://bytes.com/topic/html-css/answers/532317-position-absolute-relative-container-bug




相關推薦

應用ie9遷移ie11css樣式positionrelative可用解決方案

問題描述 問題的現象和解決問題的方式看似毫不相關,請看: 向某個html元素追加子元素,$("#div").append(*****),將實現程式碼從ie9遷移到ie11。 同一頁面的button按

Vue webpack打包後css樣式發生改變或起作用

用run dev build打包後,發現樣式改變了,最終發現addAdress.vue和myAdress.vue中的有個類名是相同的,但是想著 <style scoped> </style> 在style標籤上新增scoped屬性,就表示它的樣式作用於當下的模組,樣

對於訪問IIS元資料庫失敗的解決 和 伺服器應用程式可用 解決方案

對於訪問IIS元資料庫失敗的解決方案 近日除錯一Asp.net程式,出現了“訪問 IIS 元資料庫失敗”的錯誤資訊,最後經過搜尋發現瞭解決問題的方法。解決方法如下:     1、依次點選“開始”-“執行”。   2、在“執行”欄內輸入     “C:/WINDOWS/Microsoft.NET/Framew

如果在一個標簽上兩類並用css樣式表中引用時兩個類必須寫在一起能有空格。

nbsp clas div 樣式表 ext style borde 引用 order 例: <html>   <style type="text/css">     .mui-table-view-cell.mui-collapse{      bo

專案釋出到各個電腦上css樣式都變了jsp頁面佈局亂了怎麼處理

1.在做專案開始的時候,佈局頁面,就應該設定寬高為56%或者?%,而不是具體的780px; 2.做專案的時候儘可能的把公共的樣式放在css裡面。這樣調整的話,只需要調整css樣式而不是把所有的頁面全部開啟,設定一遍; 3.把電腦設定成一樣的解析度如1280*1024 4.選擇一樣的瀏覽器

vue 打包放伺服器css樣式顯示

vue 打包以後,在本地起服務能夠訪問,但是當放到伺服器的時候,得到下面的提示資訊,意思是已經下載到了 表單樣式,但是表單的MIME type 是流,我們知道表單樣式的唯一的MIME型別是text/css,所以的的解決辦法是需要在伺服器設定表單樣式的MIME型別為text/

零開始的HTMLCSS學習生活工具篇

寫在開頭 眾所周知,要想很好的學習HTML和CSS,一個好的工具是必不可少的。 今天我想向大家推薦幾款用於HTML開發的比較好用的電腦軟體,希望它們能幫助你在HTML程式編寫中旗開得勝。 Sublime Text Sublime Text 是一個程式碼編

CSS——(CSS樣式規則CSS樣式表單選擇器常用的CSS屬性)

CSS(Cascading Style Sheets,層疊樣式表單)是由W3C所提出,主要的用途是控制網頁的外觀,也就是定義網頁的編排,顯示,格式化及特殊效果,有部分功能與HTML重疊。 1.CSS樣式規則與選擇器 CSS樣式表單是由一條一條的樣式規則(st

IT應用架構角度暢談雙活資料中心容災解決方案

本文根據朱祥磊老師在〖5月6日DBAplus社群濟南資料庫技術沙龍〗現場演講內容整理而成。 講師介紹:朱祥磊 運營商系統架構師 負責業務支撐系統架構規劃和建設。獲國家級創新獎1項、通訊行業級科技進步獎2項、移動集團級業務服務創新獎3項,申請發明專利13項。 為什麼要講雙活資料中心?從應用系統和

iOS載入本地htmlcss樣式失效問題

檔案拖入專案的時候選的 這樣的話,檔案在編譯成 ipa 的時候。檔案會拷貝到根目錄下。而程式碼中是這樣寫的, NSString *filePath = [[NSBundle mainBundle] pathForResource:@"protocol" ofType:

ASP.NET 使用alert彈出對話框後CSS樣式失效字體變大的解決方法

scrip 解決 type click net art css樣式 static rtu protected void ASPxButton2_Click(object sender, EventArgs e) { //Response.Write("

在輸入框左邊加一個小圖示css樣式應該怎麼寫?

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

今天博主跟大家聊一下__陣列去重__!! 【基本最全原始到高階再到一句話!~是是感覺很厲害哈!】

廢話不多說咱們直接看程式碼!! 博主的審美不太好 湊合看哈! <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8"> &nb

常用CSS樣式2其它樣式

#css顏色表示法 css顏色值主要有三種表示方法: 1、顏色名錶示,比如:red 紅色,gold 金色 2、rgb表示,比如:rgb(255,0,0)表示紅色 3、16進位制數值表示,比如:#ff0000 表示紅色,這種可以簡寫成 #f00 #css選擇器 常

常用CSS樣式1文字樣式

#css基本語法及頁面引用 ##css基本語法 css的定義方法是: 選擇器 { 屬性:值; 屬性:值; 屬性:值;} 選擇器是將樣式和頁面元素關聯起來的名稱,屬性是希望設定的樣式屬性每個屬性有一個或多

看完這個cssposition的絕對定位相對定位就懂了

我們先來看看CSS3 Api中對position屬性的相關定義: static:無特殊定位,物件遵循正常文件流。top,right,bottom,left等屬性不會被應用。 relative:物件遵循正常文件流,但將依據top,right,bottom,left等屬性在正

雲發現服務 用於在動態環境中部署Connext DDS應用程式的獨立應用程式包括UDP / IP多播可用的情況

在基於雲的環境中配置發現的開箱即用解決方案 介紹 RTI Cloud Discovery Service是在無法使用UDP / IP多播的動態環境中部署RTIConnext®DDS應用程式所需的獨立應用程式。 這是典型的廣域網或某些基於雲的環境,其中路由器和交換機可能會禁

IE6中讀取CSS樣式IE6中讀取CSS樣式

   今天發現專案首頁在IE6下亂了。發現是樣式沒有調到。於是開發找原因。在svn的提交日誌中發現那個樣式檔案的所有有中文的地方都有改動。但顯示出來都是一樣的。於是找到最後提交的那個同事。發現他機子上此檔案的編碼為GBK。不是預設的UTF-8。再發現自己機子上的樣式檔案為亂碼。

用了springmvc為何JSCSS等檔案就是訪問

這個可以說是很多初學Springmvc的人都會碰到一個令人頭痛的問題 那就是為什麼我配置好web.xml中的dispatchservlet後,js,css,甚至gif都不能正常顯示了 我們來看看我們配置的web.xml <!-- 核心控制器 --> <s

基於應用寶實現微信h5頁面中開啟本地app如果沒有跳轉下載頁面的解決方案

首先這個方法是基於微信中開啟的h5頁面的,如果是外接瀏覽器的話則無論是否有該app都會執行下載 <a href="http://d.xiaojukeji.com/c/73852">