tabs w/fade looks killer... ifixpng doesnt work :(
dont even know where to start unless if to destroy IE6...
im using jquery tabs with a fade effect from
http://stilbuero.de/jquery/tabs_3/
with a css background image ( in tabs.css - .ui-tabs-panel )
heres the site:
http://symmetry.digitalrenewal.com
here are the script functions:
-
//jquery tabs w/fade effect
$(document).ready(function(){
$('#container > ul').tabs({ fx: { opacity: 'toggle' } });
// http://plugins.jquery.com/project/Plugins/category/49 iFixPng improved...
jQuery.ifixpng('images/pixel.gif');
jQuery('img, .bgPng, #header, #container, #two_column').ifixpng();
});;
jquery tabs is in <div id="container">
im a little confused how to define the ifixpng on this background image. i got ifixpng2 to work except for inside the tabs container.
1. I couldnt get the function to work on all of the pngs, so i defined them all. (# header, #container etc)
2. shouldnt ifixpng.js work on all backgrounds because of this code:
jQuery(img, .bgPng <--------- .bgPng)
3. Im not sure how to point to that background image. <div id"container"> wasnt defined in the css.
Ive tried taking it apart... defining "container" with only the image and it worked, but it messed up the stacking order until the tabs were unusable... z-index couldnt put them back.
ive tried jquerys pngfix and ifixpng1, pngfix.htc, css fixes, some random java. I cant seem to get anything to work.
please help, im so close but running out of time.
Thanks!
Trisha