CSS3 PIE Forums
http://css3pie.com/forum/

PIE shadow affecting the text within the div element
http://css3pie.com/forum/viewtopic.php?f=3&t=3586
Page 1 of 1

Author:  genoMU69 [ Wed Sep 24, 2014 9:31 am ]
Post subject:  PIE shadow affecting the text within the div element

Hello all, and thanks in advance for any help. I've added PIE elements to a div container. The elements work fine, but the PIE code is rendering the text that is held within the dev with the outline and shadow.

css:

#left-column{
float:none;
width:270px;
height: 270px;
background-color:#fff;
margin-top:50px;
margin-left:40px;
border: 1px solid;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
box-shadow: 10px 10px 5px #888888;
-moz-box-shadow: 10px 10px 5px #888888;
-webkit-box-shadow: 10px 10px 5px #888888;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
behavior: url (http://westernreservehospital.org/citiz ... .0/PIE.htc);


the text is set up as such:
<div id="left-column">text</div>

thanks again.

Author:  genoMU69 [ Wed Sep 24, 2014 10:02 am ]
Post subject:  Re: PIE shadow affecting the text within the div element

I figured it out. I had to get rid of the ms filter code within the css

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

works perfectly!


Pie is awesome! Thanks.

Author:  jason [ Thu Sep 25, 2014 1:58 pm ]
Post subject:  Re: PIE shadow affecting the text within the div element

Glad you figured it out. Enough people have run into the ms-filter conflict that I should probably add that to the Common Issues document.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/