New Posts  All Forums:Forum Nav:

IE png correction

post #1 of 4
Thread Starter 
Ive run into the wonderful problem of using a transparent PNG and viewing in IE, it is a solid color. I have heard of fixes/hacks for the CSS but I have not used it. Was wondering what some of you have used and had good luck with. Please post links.


Sample problem is attached. Left image is from IE right image is from chrome and is how it should look.
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #2 of 4
I personally use: http://allinthehead.com/retro/338/su...-jquery-plugin

My reasoning is that I use JQUERY for a lot of work, so it just fits. Lately though, I haven't concerned myself with this issue since I haven't heard of problem post IE6, and IE6 is rarely used on any sites I maintain.
Fozzie
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7-2600K Processor @ 4.4GHz ASUS P8P67 DELUXE MSI N570GTX TF3 PE/OC SLI 8GB DDR3 
Hard DriveOptical DriveOSMonitor
Crucial M4 128GB SSD ASUS DRW-24B1ST Windows 7 x64 Samsung S27A950D / Samsung 226BW 
KeyboardPowerCaseMouse
DAS Professional Silent Corsair 750HX Cooler Master HAF X Steelseries Sensei 
Mouse Pad
Mionix Propus 380 
  hide details  
Reply
Fozzie
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7-2600K Processor @ 4.4GHz ASUS P8P67 DELUXE MSI N570GTX TF3 PE/OC SLI 8GB DDR3 
Hard DriveOptical DriveOSMonitor
Crucial M4 128GB SSD ASUS DRW-24B1ST Windows 7 x64 Samsung S27A950D / Samsung 226BW 
KeyboardPowerCaseMouse
DAS Professional Silent Corsair 750HX Cooler Master HAF X Steelseries Sensei 
Mouse Pad
Mionix Propus 380 
  hide details  
Reply
post #3 of 4
Thread Starter 
the only problem that displayed in IE 8.

EDIT:

Code:

CSS:

.shadow-img220{
display:block;
background-image:url(../images/shadow-img220.png);
background-repeat:no-repeat;
height:7px;
width:220px;
margin-bottom:7px

HTML:

<span class="shadow-img220"></span>

Edited by graphicsman - 10/7/11 at 8:24am
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #4 of 4
Code:
.item img {     
background: transparent;     
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
zoom: 1;  }
Try that. You may have to tweak the colors a little bit though.
Fozzie
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7-2600K Processor @ 4.4GHz ASUS P8P67 DELUXE MSI N570GTX TF3 PE/OC SLI 8GB DDR3 
Hard DriveOptical DriveOSMonitor
Crucial M4 128GB SSD ASUS DRW-24B1ST Windows 7 x64 Samsung S27A950D / Samsung 226BW 
KeyboardPowerCaseMouse
DAS Professional Silent Corsair 750HX Cooler Master HAF X Steelseries Sensei 
Mouse Pad
Mionix Propus 380 
  hide details  
Reply
Fozzie
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7-2600K Processor @ 4.4GHz ASUS P8P67 DELUXE MSI N570GTX TF3 PE/OC SLI 8GB DDR3 
Hard DriveOptical DriveOSMonitor
Crucial M4 128GB SSD ASUS DRW-24B1ST Windows 7 x64 Samsung S27A950D / Samsung 226BW 
KeyboardPowerCaseMouse
DAS Professional Silent Corsair 750HX Cooler Master HAF X Steelseries Sensei 
Mouse Pad
Mionix Propus 380 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding