Hi Christian Montoya,

I tried. No difference to IE6. Still the same problem.

I also tried the TwinHelix IEPngFix with Blueprint CSS, it was still
the same problem.

Let me clarify a bit ... basically jQuery.IFixPNG and TwinHelix
IEPngFix do clear off the box surrounding the PNG files. But I can't
overlay my text/inputs on top of the PNG images. It will just go down
the image as if it is like this.

[Image]
[Text]

Rather I want the text to show on top of the Image. My codes as
below:-

Note:
- ResolveClient is for my ASP.NET Testing purpose to get the right
path in MasterPage.
- Mid.png is a tiny vertical image which I will repeat at the
background.
- watermark-building.png is the watermark image
- bottom.png will show the footer stuff.

<div class="span-23" id="mainBody" style="background: url('<%=
ResolveClientUrl("~/images/mid.png") %>') repeat-y center top;
            height: auto;">
            <div id="hright">
                <div id="hrighttop">
                    <img id="imgWatermark" src='<%= ResolveClientUrl
("~/images/watermark-building.png") %>'
                        alt="" />
                </div>
            </div>
            My text will be here (suppose to be on top of my
watermark)
            <div id="footer">
                <div class="span-23" id="imgFooter" style="background:
url('<%= ResolveClientUrl("~/images/bottom.png") %>') bottom center no-
repeat;
                    height: 77px;">
                    &nbsp;
                </div>
            </div>
</div>

Any help?

Thanks.

Regards,
Wen Ching

On Aug 21, 8:58 pm, Christian Montoya <[email protected]> wrote:
> On Aug 21, 8:00 am, chuawenching <[email protected]> wrote:
>
>
>
> > Hi everyone,
>
> > I am using the latest Blueprint CSS, jQuery and jQuery.IFixPNG as
> > below:-
>
> > <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></
> > script>
> > <script type="text/javascript" src="ie6comp/jquery.ifixpng2.js"></
> > script>
>
> > $(document).ready(function() {
> >    $.ifixpng('images/pixel.gif');
> >    $('img[src$=.png]').ifixpng();
>
> > });
>
> > It doesn't work in IE6. It makes no difference without applying
> > jQuery.IFixPNG. Initially I thought it was a problem of
> > jQuery.IFixPng. Later I tested a new html site without blueprintcss
> > and it worked successfully.
>
> I have an idea. Could you try removing the ie.css file from the header
> of your page and then see if the ifixpng method works? I think
> something in the ie.css is conflicting with this jQuery plugin.
>
> --
> Christian Montoya
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to