Hello,

I use PIE.htc for border-radius and shadowbox. But it works only on two pages from the website and only on the last part of the pages?
Here and here you can see the good result at the last part of the page. On other pages it doesn't work at all?

Anyone an idea what the problem is? Layout?

Thank you for helping.

KC

The behavior url is relative to the html, so you should use an absolute one like /molens/templates/windkrachtn470/css/PIE.htc if it lives in that folder.

Thank you for your answer but the PIE.htc file is in the root from this testsite in the folder 'molens'. I think that is the right place and the right path in the code? Otherwise there also would be no half results in the pages?

I think the problem is somewhere in the template. But I cann't find it?

KC

Then you have to specify it as /molens/PIE.htc in the url()
And you are serving it as text/plain. Check PIE documentation/known issues for the content type issue.

Content-type and path issues aside, you're running into the common z-index issue -- PIE's rendering is slipping behind the background color of the body element. Since you've set the body's height to 100%, it is only as tall as the initial viewport which is why it stops covering it up when you scroll down.

See http://css3pie.com/documentation/known-issues/#z-index for explanation and solution.

Thank you Jason. It was the z-index that course the problem. I've read the explanation in known-issues and find it difficult to understand. But this one helps me: In most cases simply adding position:relative to the target element is fine..

Thank you.