Forums
View unanswered posts | View active topics It is currently Sat Oct 25, 2014 11:26 am



Reply to topic  [ 13 posts ]  Go to page 1, 2  Next
 Background hidden on IE8 
Author Message

Joined: Fri Feb 15, 2013 5:19 am
Posts: 16
Post Background hidden on IE8
Hello,
on this page

the print button (at the right of recettes title) display correctly on IE9 but isn't displayed on IE8.
So I'm obliged to target only IE8 to outclass the IE9 declarations ans display it :

(The code is on the ie.css )
Code:
:root *> button {
   overflow: visible;
   -pie-background: linear-gradient(#abc73b 0,#6d8800 100%);
   behavior: url(js/PIE.php);
   }
:root *> button.print {-pie-background: url(images/print.png) no-repeat 5px 50%, linear-gradient(#abc73b 0,#6d8800 100%);}

button.print {background: #64872a url(../images/print.png) no-repeat 5px 50% \9;} /*IE8*/


PIE still seem to be buggy.


Last edited by Beutchat on Tue Feb 26, 2013 5:20 am, edited 1 time in total.



Sun Feb 24, 2013 7:59 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Background hidden on IE8
IE8 doesn't support the :root selector, does it?


Mon Feb 25, 2013 10:44 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Background hidden on IE8
Nevermind, I get it now, you're showing how you're disabling it in IE8.

Since you've disabled it in IE8 I can't see the problems you were seeing. If you'd like to re-enable it, and/or provide information about what issues you were having, then we could try and help. It's difficult to help you though if you don't say what the problem is.

My hunch would be the common z-index issue.


Mon Feb 25, 2013 10:53 am
Profile

Joined: Fri Feb 15, 2013 5:19 am
Posts: 16
Post Re: Background hidden on IE8
The :root *> for targetting only IE9
I've just deleted it and apply the css rules to all the versions.

So, as I said, the print icone is now hidden on IE8.

The green square of icone (at the right of red recette titles) appear and disappear "instantanetly." (I dont know the english of this word)

Thanks for you help.


Last edited by Beutchat on Mon Feb 25, 2013 12:40 pm, edited 1 time in total.



Mon Feb 25, 2013 12:32 pm
Profile

Joined: Fri Feb 15, 2013 5:19 am
Posts: 16
Post Re: Background hidden on IE8
An other problem on double background body :

Code:
body {background-color: #69833d \9;
   -pie-background-image: url(images/bg.png), url(images/bg_vert.png);
   behavior: url(js/PIE.php);
}

IE8 display only background-color.


Mon Feb 25, 2013 12:38 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Background hidden on IE8
Your page does something weird to my IE developer tools -- doesn't allow me to change style values on the fly -- so I'm having trouble diagnosing your issue. Let's start with the obvious, though: http://css3pie.com/documentation/known-issues/#z-index

To help narrow down the issue, could you try temporarily swapping the <button> with a <a> or another element type? If that changes the behavior then it points to a specific bug in button handling (buttons in IE are very strange in how they interact with CSS so there's some specific hackaround code for them.)


Mon Feb 25, 2013 1:49 pm
Profile

Joined: Fri Feb 15, 2013 5:19 am
Posts: 16
Post Re: Background hidden on IE8
Ok thanks the position:relative declaration resolve the problem but the printer image background seem to be repeated (I've noticed this problem on an other page) at the right and the button are a bit troncated. No perfect thus.

And for the body background?


Mon Feb 25, 2013 2:17 pm
Profile

Joined: Fri Feb 15, 2013 5:19 am
Posts: 16
Post Re: Background hidden on IE8
I've added position:relative to rounded corner item but only one border displayed rounded and it move the background ! :x

Sorry but PIE is REALLY not a reliable solution ! :? (like others I think)
I'm very disapointed by the "solution." So I think i'm going to accepte the fact ta have
degraded layout for IE8..


Mon Feb 25, 2013 2:37 pm
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post Re: Background hidden on IE8
You can't use PIE on body elements: http://css3pie.com/documentation/known-issues/#elements
You appear to have removed the border-radius styles. Do you have the style snippet stored anywhere or can you reproduce it here?

Yes, using PIE can be a disappointing experience, but it is the nature of such hacks.. You just have to be patient and read the documentation carefully.

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Mon Feb 25, 2013 3:23 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1446
Post Re: Background hidden on IE8
So, did you try what I asked and change the <button> to some other element? I understand if you don't want to use PIE -- honestly if degrading is an option for you then you should do that anyway since PIE is not the right tool for you -- but my request was more to help me narrow down the issue and perhaps find a fix so that others don't have the same issue in the future. If you can't spend more time on it that's fine, it just means this will go unfixed for now.


Mon Feb 25, 2013 4:27 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 13 posts ]  Go to page 1, 2  Next

Who is online

Users browsing this forum: Baidu [Spider] and 2 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.