最近在IE10下運行一個以前的做web系統發現了兩個小問題：

一、圖片上使用"alt"屬性來添加一些文字提示信息在IE10下無法正常顯示出來

上網查了一下原因：原來是現在一些較新的瀏覽器，比如在IE9、IE10使用"alt"屬性時，在圖片能夠正常顯示的情況下，在圖片中設置"alt"屬性的值將不會顯示出來，所以如果需要為圖像創建文字提示，可以使用" title" 屬性。

二、cursor:hand在IE10下無法讓光標變成手形

這個問題也比較奇怪，估計也是兼容性的問題，上網找到了一篇比較好的文章，弄明白了cursor:hand與cursor:pointer的區別

cursor:hand 與 cursor:pointer 的效果是一樣的，都像光標指向鏈接一樣，光標變成手行。

cursor:hand ：IE完全支持。但是在firefox是不支持的，沒有效果。

cursor:pointer ：是CSS2.0的標準。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6開始支持。

結論：還是用 cursor:pointer 來的方便。

cursor：鼠標

pointer：指針

附：cursor屬性收集

光標類型?? CSS

十字準心 cursor: crosshair;

手 cursor: pointer;

cursor: hand;

寫兩個是為了照顧IE5，它只認hand。

等待/沙漏 cursor: wait;

幫助 cursor: help;

無法釋放 cursor: no-drop;

文字/編輯 cursor: text;

可移動對象 cursor: move;

向上改變大小(North)

cursor: n-resize;

向下改變大小(South)?? cursor: s-resize;

向右改變大小(East)?? cursor: e-resize;

向左改變大小(West)?? cursor: w-resize;

向上右改變大小(North East)?? cursor: ne-resize;

向上左改變大小(North West)?? cursor: nw-resize;

向下右改變大小(South East)?? cursor: se-resize;

向下左改變大小(South West)?? cursor: sw-resize;

自動 cursor: auto;

禁止 cursor:not-allowed;

處理中 cursor: progress;

系統默認 cursor: default;

[JavaScript] html5 video標簽注意事項

Chrome 66 禁止聲音自動播放 聲音無法自動播放這個在IOS/Android上面一直是個慣例,桌面版的Safari在2017年的11版本也宣布禁掉帶有聲音的多媒體自動播放功能,緊接著在2018年 ...

p標簽注意事項

哈哈,我是一個段落哦!

我是一個萌萌的div 這樣寫的后果: 注意: p標 ...

前端之script標簽注意事項

在一對script 標簽中一旦有錯誤,其后續的代碼都不會執行 一對script標簽有問題,不會影響其他script標簽代碼的執行 當一對script標簽的作用是引入外部的js文件的時候,就不要在其內部 ...

html標簽注意事項

1,關于媒體的video標簽 在同一個頁面上如果有多個video標簽,并且初始化都賦值,則video不會播放, 解決辦法,用計時器每隔50ms給后面的video標簽設置src,設置完為止 2,關于ch ...

HTML常用標簽的使用

一.常見標簽詳解 1.標簽 HTML內聯框架元素 表示嵌套的瀏覽上下文,有效地將另一個HTML頁面嵌入到當前頁面中.在HTML 4.01中,文 ...

html系列教程--元素

HTML 元素語法 HTML 元素以開始標簽起始 HTML 元素以結束標簽終止 元素的內容是開始標簽與結束標簽之間的內容 某些 HTML 元素具有空內容(empty content) 空元素在開始標簽 ...

MyBatis_動態SQL

一.動態SQL 動態SQL,主要用于解決查詢條件不確定的情況:在程序運行期間,根據提交的查詢條件進行查詢. 動態SQL,即通過MyBatis提供的各種標簽對條件作出判斷以實現動態拼接SQL語句. 二. ...

深入理解Mybatis技術與原理

目錄 第1章 Mybatis簡介 1.1 傳統的JDBC編程 1.2 ORM模型 1.4 MyBatis 1.5 什么時候用MyBatis 第2章 MyBatis入門 2.2 MyBatis構成 2. ...

簡介jsp

1.JSP簡介 Java動態網頁技術標準(Java Server Pages)是基于Servlet技術以及整個Java體系的Web開發技術是用于動態生成HTML文檔的Web頁面模板JSP是為了改進Se ...

隨機推薦

cassandra-執行請求入口函數

參考?http://ju.outofmemory.cn/entry/115864 org.apache.cassandra.transport.Message中靜態Dispatcher的?channe ...

ibaits與spring整合的心得

Ibatis2.3與spring3.0整合,其要明確一下,Ibatis與Hibernate一樣都是dao層鏈接數據庫用的框架.它是一個輕量級的orm框架,比Hibernate更加靈活. sqlMapC ...

css3 背景記

css3 背景 css背景主要包括五個屬性: background-color background-color:transparent || 用來設置元素的背景顏色,默認 ...

EXISTS的使用詳解

.exists的使用場合: exists 用于只能用于子查詢,可以替代in,若匹配到結果,則退出內部 查詢,并將條件標志為true,傳回全部結果資料,in 不管匹配到匹配不到都 全部匹配完畢,使用ex ...

【轉】Android Hook框架Xposed詳解

1?Introduction 1.1??概述 Xposed?是?GitHUB?上?rovo89?大大設計的一個針對?Android?平臺的動態劫持項目,通過替換?/system/bin/app_pro ...

Yarn架構詳解

Yarn架構介紹Yarn/MRv2最基本的想法是將原JobTracker主要的資源管理和job調度/監視功能分開作為兩個單獨的守護進程.有一個全局的ResourceManager(RM)和每個Appl ...

Spark DataFrame列的合并與拆分

版本說明:Spark-2.3.0 使用Spark SQL在對數據進行處理的過程中,可能會遇到對一列數據拆分為多列,或者把多列數據合并為一列.這里記錄一下目前想到的對DataFrame列數據進行合并和拆 ...

nRF52832-PPI部分學習

PPI部分學習思維導圖 PPI原理 1.1PPI簡介 PPI實現的就是通過初始化配置,將不同外設的事件和任務連接起來,讓事件自動去觸發任務的功能,PPI有多個通道, 每個通道包含一個EEP和TEP,使 ...

AliRedis單機180w QPS, 8臺服務器構建1000w QPS Cache集群

轉自:http://www.open-open.com/lib/view/open1389880948758.html 引言:????????如今redis憑借其高性能的優勢,?以及豐富的數據結構作為 ...

python一個小程序：猜數字

猜數字游戲程序運行示例: I am thinking of a number between 1 and 20. Take a guess. 8 Your guess is too low. Take ...

總結

以上是生活随笔為你收集整理的html标签书写注意事项,HTML一些标签注意事项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。