用CSS讓表格返轉(zhuǎn)的代碼 IE only
更新時間:2007年03月26日 00:00:00 作者:
返轉(zhuǎn)90或180度應(yīng)理解為“翻轉(zhuǎn)90或180度”,用鏡像翻轉(zhuǎn)濾鏡fliph,flipv.
一個表格原地不動<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格沿X軸水平鏡像翻轉(zhuǎn)(90度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: fliph;"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格沿Y軸垂直鏡像翻轉(zhuǎn)(180度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: flipv;"><tr><td align="center">一個簡單的表格</td></tr></table>
table{FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);}
旋轉(zhuǎn)角度濾鏡
一個表格原地不動<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格順時針旋轉(zhuǎn)90度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格順時針旋轉(zhuǎn)180度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格順時針旋轉(zhuǎn)270度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);"><tr><td align="center">一個簡單的表格</td></tr></table>
一個表格原地不動<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格沿X軸水平鏡像翻轉(zhuǎn)(90度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: fliph;"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格沿Y軸垂直鏡像翻轉(zhuǎn)(180度)<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: flipv;"><tr><td align="center">一個簡單的表格</td></tr></table>
table{FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);}
旋轉(zhuǎn)角度濾鏡
一個表格原地不動<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格順時針旋轉(zhuǎn)90度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格順時針旋轉(zhuǎn)180度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);"><tr><td align="center">一個簡單的表格</td></tr></table>
<br>表格順時針旋轉(zhuǎn)270度<br>
<table border="1" cellspacing="0" cellpadding="0" width="156" height="66" style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);"><tr><td align="center">一個簡單的表格</td></tr></table>
相關(guān)文章
網(wǎng)頁中img圖片使用css實現(xiàn)等比例自動縮放不變形(代碼已測試)
這篇文章主要介紹了網(wǎng)頁中img圖片使用css實現(xiàn)等比例自動縮放不變形(已測試)的相關(guān)資料,需要的朋友可以參考下2023-03-03解析IE, FireFox, Opera 瀏覽器支持Alpha透明的方法
解析IE, FireFox, Opera 瀏覽器支持Alpha透明的方法...2006-12-12css創(chuàng)意ul+li實現(xiàn)的細線表格實現(xiàn)代碼
非常用創(chuàng)意的用ul+li實現(xiàn)的細線表格效果,不用table2008-08-08IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
最近發(fā)現(xiàn)各大類庫都能利用xxx.innerHTML=HTML片斷來生成節(jié)點元素,再把它們插入到目標(biāo)元素的各個位置上。這東西實際上就是insertAdjacentHTML,但是IE可惡的innerHTML把這優(yōu)勢變成劣勢。2014-06-06