幸运蛋蛋pc开奖
這是一篇關于CSS HACK的文章,這篇文章中提到的CSS HACK是針對class、id中屬性的HACK,排列的順序都具有要求。今天要和大家說的是針對class、id所做的CSS HACK。 .test{/*FF*/ height:20px; background-color:orange; } * htm

這是一篇關于CSS HACK的文章,這篇文章中提到的CSS HACK是針對class、id中屬性的HACK,排列的順序都具有要求。今天要和大家說的是針對class、id所做的CSS HACK。
.test{/*FF*/
height:20px;
background-color:orange;
}
* html .test{/*IE7*/
height:20px;
background-color:blue;
}
*html .test{/*IE6*/
height:20px;
background-color:black;
}
通過上面的CSS代碼可以看出FF還是最聽話的瀏覽器,在IE6和IE7如果要使用HACK必須要在前面加上夫級標簽html。這里就很好記憶了,IE6加*html,而IE7加* html,暗示加了一個版本。通過對class、id所做的CSS HACK好處在于不用顧及前后順序,而且便于管理和其他人員接受,還可以通過這種HACK實現類似JS瀏覽器版本的控制。缺點嘛可能就是產生大量的代碼吧!好了,大致就先說說這些。

上面內容看完可以點擊下面的效果在不同瀏覽器來看看效果,其中橙色代表FF,藍色代表IE7,黑色代表IE6。大家可以自行測試
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS hack</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.test{/*FF*/
height:20px;
background-color:orange;
}
* html .test{/*IE7*/
height:20px;
background-color:blue;
}
*html .test{/*IE6*/
height:20px;
background-color:black;
}
</style>
</head>
<div class="test"></div>
<body>
</body>
</html>
最新資訊
中興通訊:本次非公開發行股票將于2020年2月3日上市

中興通訊:本次非公開

中興通訊發布公告稱,本次非公開發行股票將于2020年2月3
特斯拉市值超千億 馬斯克領取首份工資

特斯拉市值超千億 馬

特斯拉市值超過千億美元,也標志著特斯拉CEO馬斯克即將
華為開發者大會2020因疫情延期至3月:以直播呈現

華為開發者大會2020因

華為官方宣布,基于新型冠狀病毒感染的肺炎疫情防控形勢
韻達速遞:將對抵達武漢的快件和車輛進行消毒

韻達速遞:將對抵達武漢

韻達發布公告稱,將在武漢及寄達地處理中心對快件與車輛
餓了么:除了醫院及周邊,武漢其他區域照常配送

餓了么:除了醫院及周邊

餓了么發布公告稱,目前在武漢,除了醫院及周邊區域外,其他
京東:過去三天共售出口罩1.26億只

京東:過去三天共售出口

1月23日,京東發布消息,稱1月19日至22日期間,平臺口罩累計
最新文章
針對class、id所做的CSS HACK

針對class、id所做的C

這是一篇關于CSS HACK的文章,這篇文章中提到的CSS HACK
WEB標準教程:P標簽的應用

WEB標準教程:P標簽的

從今天開始,我將全面的共享出我所能理解的所有WEB標準
Web前端開發的Firefox插件

Web前端開發的Firefox

一、Web DeveloperWeb Developer 可說是網頁設計師最
詳解CSS粘性定位 sticky

詳解CSS粘性定位 stic

這篇文章主要介紹了CSS粘性定位 sticky 的相關知識,本
詳解css透明度之rgba和opacity的區別及兼容

詳解css透明度之rgba

對于設置透明度,我們有兩個可以選的css3屬性:rgba 和 op
輕松搞懂CSS浮動與清除浮動圖文詳解

輕松搞懂CSS浮動與清

本文通過圖文并茂的形式給大家介紹了CSS浮動與清除浮
幸运蛋蛋pc开奖 重庆时时彩开奖 新疆25选7官方网站 重庆时时彩数据规律 球探体育比分 养鸡赚钱吗 怎么养 腾游秒是假网站吗 上海时时乐 体彩新11选5开奖结果 竞彩nbaapp 青海体彩11选5冷热统计