Forums
View unanswered posts | View active topics It is currently Tue May 21, 2013 3:05 pm



Reply to topic  [ 5 posts ] 
 Help for PNG image, IE6 and .NET 
Author Message

Joined: Thu Jul 29, 2010 9:55 am
Posts: 1
Post Help for PNG image, IE6 and .NET
Hi

I'm trying to use PIE to solve my PNG transparency problems in IE6 (along with adding rounded coreners, gradients, etc.).

This is a snippet of CSS that I use in my core.css:

Code:
#divPageOuterContainer { background: transparent url(/App_Themes/Core/Images/bodyBackgroundOverlay.png) no-repeat top center; height: 100%; }


and I use conditional comments to include a specific override css file for IE6 namely IE6.css. Here is the override for the above line:

Code:
#divPageOuterContainer { -pie-background: transparent url(/App_Themes/Core/Images/bodyBackgroundOverlay.png) no-repeat top center; behavior: url(/Public/Scripts/PIE.htc); }


I'm using ASP.NET and the URL - /Public/Scripts/PIE.htc - basically means it starts at the Public folder at the root of the site (notice the '/' at the beginning of the URL). I'm running IIS and it is automatically serving the .htc file as the correct MIME type.

Now on my homepage, which has a URL of https://localhost/Core/Public/SignIn/sgnDefault.aspx, this works fine, but whenever I browse to a page at a different location i.e. https://localhost/Core/Private/Pages/advHome.aspx it stops working. Looking at the DOM Explorer in IE6 it appears that the <css3-container> that PIE usually adds is not present on the other pages.

I'm wondering if this is a problem with the URLs?

Another thought is that the other pages are under the /Private/ folder (i.e. once someone has been logged in and authenticated) and I wondered if the security settings within .NET might be stopping using the .htc files.

Has anyone else had this problem?

Thanks in advance
Sniffer


Thu Jul 29, 2010 10:11 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1396
Post Re: Help for PNG image, IE6 and .NET
I'm not familiar with how .NET works, so does anyone else have any ideas on this?

If you find a solution please post the answer here for future reference.


Tue Aug 03, 2010 8:41 am
Profile

Joined: Tue Nov 29, 2011 3:36 am
Posts: 4
Post Re: Help for PNG image, IE6 and .NET
doesn't work on apache eighter

my html
Code:
<div class="csspie2">
    <div class="point">&nbsp;</div>
</div>


my css
Code:
.csspie2 {
  float: left;
  margin: 0px 10px 10px 0px;
  background-color: yellow;
}
.csspie2 .point {
  height: 100px;
  width: 100px;
  /* CSSPIE  PNG Fix*/
  background-image: url("/img/point.png");
  -pie-background: url("/img/point.png");
  -pie-png-fix: true;
  behavior: url(/css/PIE_uncompressed.htc);
}


i fixed it by adding
Code:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/point.png");


so the css class looks like this:
Code:
.csspie2 .point {
  height: 100px;
  width: 100px;
  /* CSSPIE  PNG Fix*/
  background-image: url("/img/point.png");
  -pie-background: url("/img/point.png");
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/point.png");
  -pie-png-fix: true;
  behavior: url(/css/PIE_uncompressed.htc);
}


but actually this can't be the solution (?)


Tue Nov 29, 2011 4:12 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1396
Post Re: Help for PNG image, IE6 and .NET
@rifle: I suspect your issue is different than the OP, as that one would work on some pages but not others. I'm guessing yours is something simpler, like the classic z-index issue. Make sure you've read the items at http://css3pie.com/documentation/known-issues/ -- if you still can't get it working then if you can post your URL we can take a look and try to help.


Tue Nov 29, 2011 9:59 am
Profile

Joined: Tue Nov 29, 2011 3:36 am
Posts: 4
Post Re: Help for PNG image, IE6 and .NET
it works!
thx very much!

Code:
.csspie2 {
    position: relative;
}
.point {
        height: 100px;
        width: 100px;
       
        /* CSSPIE  PNG Fix*/
        position: relative;
        z-index: 1;
        background-image: url('/img/point.png');
        -pie-background: url('/img/point.png');
        -pie-png-fix: true;
        behavior: url("/css/PIE_uncompressed.htc");
    }
}


Wed Nov 30, 2011 4:35 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 5 posts ] 

Who is online

Users browsing this forum: No registered users and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.