先看看效果
chrome下
ie下效果相同，也就是該原始碼是乙個相容的方案，包括ie6-8。
這裡介紹兩個方案
方案1：
1.按照上圖可以切一張，旋轉45度儲存
2.然後使該旋轉-45度即可
transform: rotate(-45deg);
方案2：
1.這裡不用切圖，直接做乙個方形的背景，文字也是自己填充，只不過要有兩次旋轉
2.外層div旋轉-45度，內層文字旋轉45度即可。
附上方案2原始碼，方案1的**在2基礎上去掉文字，然後自己切圖即可。
旋轉 title>
Css實現透明效果，相容IE8
css實現透明效果，相容ie8 蕃薯耀 2015年9月9日 17 39 24 星期三 background rgba 0,0,0,0.2 none repeat scroll 0 0 important background color 000 opacity 0.3 filter alpha op...
CSS 相容IE8的線性漸變和旋轉
因ie8不相容css3旋轉和漸變的屬性，改用filter實現 漸變 以下效果為橫向漸變，從左到右，加了透明度 filter progid dximagetransform.microsoft.alpha opacity 0 finishopacity 50 style 1 startx 0,star...
部分透明的蒙版效果 相容ie6
先看下要實現的效果 png24位的如下 與普通的蒙版效果不一樣，需要有乙個空白的地方顯示頁面上原有的動態內容 實現思路如下 1 要支援圖的半透明效果，需要採用png24格式 png8不支援半透明效果，儲存後會變成底色位黑色的 為相容ie6需要加hack background 0 filter pro...