Getting CSS3 PIE.htc to show up in child elements when used on parent element


Tags: css,internet-explorer,css3,html-components

Problem :

So I'm using PIE.htc from http://css3pie.com/ and using it on a parent element div#page-contents, as well as some elements inside that (dl.mainfeatures, div#login-stuff, etc.). On IE 8 (haven't tested other versions yet), the CSS3 code I use appears just fine on the parent element, but none of the child elements are showing anything (rounded corners, box shadow, nothing). Even regular CSS attributes (background-color, border) aren't showing up.

Is there some issue with applying an HTC fix to child elements and their parent element at the same time? How can I get this to work?



Solution :

Without any actual example code it's hard to see what the problem actually is.

However you may want to double-check against the list of known issues with CSS3Pie; there are a few. The vast majority of weird glitches with CSS3Pie turn out to be related to position and z-index, so these are the first things to check.

Also, if you really can't solve it, ask on the CSS3Pie forum -- the author is very good at responding to questions. (plus there are a bunch of other posts already there from people asking similar questions, so you may find someone else has already asked the same thing)


    CSS Howto..

    How to read CSS property of Psuedo class in javascript

    CSS Dropdown menu - How to add thumbnails

    How to style the tick mark checkbox using css without using images?

    How to get align=“center” effect in CSS and be XHTML compliant and have it work on most browsers

    CSS Overflow, the scroll bar appears at the bottom, how can I get a scroll bar at the top?

    How can I put a div block below another lined up vertically when they are touch and are on the same line?

    Android - How do I create an email body from a file that contains css and html?

    How to override css property?

    How to center absolute position element in my case

    How to do onclick in CSS to do transition on image?

    django render_to_response how to send special characters

    How to choose fontstacks

    How can I create alike css classes [duplicate]

    How to fix float sidebar in Wordpress with Constructor theme?

    How to make CSS Multi Column layout over html to move between the columns on user click

    How to show div property that is in a class with javascript

    How do I add a special CSS class to run only on IE for a div component?

    Using bootstrap, how do you get columns to clear properly?

    How to add styles based on whether top element is empty

    How to put Logo & navigation in one line

    how to remove css property “element{}” [closed]

    how to change 'inner' lineheight of css text

    How to hide a div on certain pages using CSS

    How set a page to maximum and minimum sizes via css

    How to display UpdateProgress at the center of a grid view with CSS?

    Can someone help me figure out how to put normal links into this Jquery Menu?

    How do I make the background fit the full size of the screen no matter what size the monitor is?

    How to exclude Hover for Active LI (Menu)?

    How to apply CSS style to a Sibling Label field of a Div?

    How to align things responsive html CSS