ie6,ie7,ff的css相容hack寫法
Code
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<style type=`text/css`>
#example { background: #ff0000;width:100px;height:100px } /* Moz/FF/IE8 beta2 */
*html #example { background: #00ff00; } /* IE6 */
*+html #example { background: #0000ff; } /* IE7 */
*html .demo { background: #00ff00; } /* IE6 */
*+html .demo { background: #0000ff; } /* IE7 */
</style>
</head>
<title>css hack</title>
<body>
<div id=”example”>id示例</div>
<br />
<div class=”demo”>class示例</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<style type=`text/css`>
#example { background: #ff0000;width:100px;height:100px } /* Moz/FF/IE8 beta2 */
*html #example { background: #00ff00; } /* IE6 */
*+html #example { background: #0000ff; } /* IE7 */
.demo
{ background: #ff0000;width:100px;height:50px } /* Moz/FF/IE8 beta2 */*html .demo { background: #00ff00; } /* IE6 */
*+html .demo { background: #0000ff; } /* IE7 */
</style>
</head>
<title>css hack</title>
<body>
<div id=”example”>id示例</div>
<br />
<div class=”demo”>class示例</div>
</body>
</html>
在ie6下,二個div的背景為綠色,ie7下顯示為藍色,ff下顯示為紅色(ie8 beta2下顯示跟ff相同)
相關文章
- css相容IE6/IE7/FF的通用方法和著名的Clearfix HackCSS
- CSS相容IE6,IE7,FireFoxCSSFirefox
- CSS三角的寫法(相容IE6)CSS
- javascript 相容寫法(FF&IE)JavaScript
- CSS實現文字豎排顯示(相容IE6/IE7)CSS
- CSS純色半透明 支援IE6/IE7/IE8 FF CHROME OPERA SAFARICSSChrome
- IE5,IE6,IE7,IE8的css相容性列表[轉自MSDN]CSS
- CSS HACK 如何書寫CSS
- IE6/IE7不支援first-child的解決辦法
- 瀏覽器相容IE6、IE7、IE8、Firefox、OperaCSShack區分瀏覽器FirefoxCSS
- CSS hackCSS
- js實現重寫new Date()相容IE6以上JS
- Javascript 實現 Textarea 自動伸縮,相容IE6、IE7、IE8、IE9...JavaScriptIE9
- 噁心的相容問題:完美解決IE(IE6/IE7/IE8)不相容HTML5標籤的問題HTML
- CSS3實現的漸變按鈕,在IE7、IE6下的濾鏡使用。CSSS3
- css hack 整理CSS
- js中css樣式相容各個瀏覽器寫法JSCSS瀏覽器
- 針對IE9瀏覽器的CSS 相容性寫法IE9瀏覽器CSS
- 利用IE6對!important的解釋差異做HackImport
- css在用空元素、無內容的元素佈局不相容ie7/8CSS
- jQuery 2.0 移除對IE6/IE7/IE8的支援jQuery
- 相容IE6瀏覽器的最大高度和最小高度css程式碼瀏覽器CSS
- IE6和IE7是否支援setAttribute()函式函式
- css寫法CSS
- 用CSS hack技術解決瀏覽器相容性問題CSS瀏覽器
- IE6常見CSS解析Bug及hack-好程式設計師H5前端CSS程式設計師H5前端
- 什麼是CSS hackCSS
- IE6和IE7也是支援display:inline-blockinlineBloC
- 史上最全的CSS hack方式一覽CSS
- 針對IE及其它的css hackCSS
- css hack \9的作用是什麼CSS
- JS的IE和FF相容性問題彙總JS
- css+js美化下拉框(相容IE6、7、8以上主流瀏覽器)CSSJS瀏覽器
- 前端面試題-CSS Hack前端面試題CSS
- 瀏覽器 CSS Hack 收集瀏覽器CSS
- js 瀏覽器相容css中webkit、Moz、O、ms…寫法封裝(es6語法)JS瀏覽器CSSWebKit封裝
- Javascript滑鼠滾輪事件相容寫法JavaScript事件
- 瀏覽器相容性問題解決方案之CSS,已在IE、FF、Chrome測試瀏覽器CSSChrome