PNG-8 format image opacity problem in IE8 & IE7
来源:互联网 发布:linux gradle 打包 编辑:程序博客网 时间:2024/05/16 18:16
/*by Jiangong SUN*/
I use jquery ui library for displaying several tabs with correspondant contents in my project.
It works perfectly in Firefox and Chrome. When I click a tab different from current tab, it will show the content with new tab clicked.
Here is the correct display for my tabs:
Its css is like this:
.ui-tabs-panel { display: block; width: 890px; float:left; border-width: 0; padding: 30px 15px 70px 40px; margin-left:-15px; background: url(bg-tab.png) 0 bottom no-repeat; }
But the tabs don't display correctly when I swtich tabs in IE7 & IE8.
It displays just like this:
Just like what you've seen, the border becomes black, which cause my page disgracefully.
The reason is IE doesn't interprete the opacity of png-8 format image correctly.
For this reason you can use the recommandation solutions of Jack Moore.
Or just change your image format from png-8 to png-24 like me, because IE works with png-24.
Hope this helps!
Enjoy coding!
- PNG-8 format image opacity problem in IE8 & IE7
- opacity兼容ie8
- IE7&IE8
- Resize png/jpg image in Symbian
- ERROR: Failure processing PNG image in Android
- store png image file in MySQL database
- CSS Image Opacity / Transparency
- 兼容IE6 IE7 IE8 FF Opera Chrome 的最精简PNG透明方法
- 解决IE6.0,IE7.0,IE8.0,FF下PNG图片透明问题
- 解决IE7&IE8 png 透明度的问题以及文字透明模糊
- bitmap file res\xxx.png is not in 3.00 format
- issue about image displayed base on IE6, IE7,IE8, and Fire fox
- IE7/IE8改为IE6
- ie8兼容IE7问题
- IE8 强制转换ie7
- Ie8兼容ie7
- ie8转换成ie7
- ie8转换成ie7
- Oracle中sql的时间操作
- 量手知姓氏 :算命测姓氏 之 数学原理
- Jni中C++和Java的数据类型的对应关系
- 使用Java Service Wrapper将java程序作为linux服务并且开机自动启动
- 淘宝技术发展
- PNG-8 format image opacity problem in IE8 & IE7
- POJ 3020 Antenna Placement
- 杭电Hd 1108
- Jni接口-深入研究参数的传递(一)
- 需要锻炼滴能力
- Cookie创建、修改、删除。
- zoj 1406 Jungle Roads
- 引入js乱码问题
- mybatis异常:The content of elements must consist of well-formed character data or markup.