Jump to content


Photo
- - - - -
Open

IE 8 CSS3 question



  • Please log in to reply
7 replies to this topic

#1 wockatz

wockatz

    Advanced Member

  • Members
  • 32 posts

Posted 11 October 2012 - 08:59 AM

Hi,

I'd like to know how can I resize the Magnifier icon inside search area of pagelines in navbar browsing with internet explorer 8. Seems like IE8 does not have backgound-size property. I found some soltuions online but I have no clue how to use them.

I know navbar has webkit so I should not expect to have nice shadows and colors for navbar in IE. But the thing is my navbar's color is BLUE! and i can't find in css where the blue color is overriding. A Dark blue from bottom of navbar becomes lighter towards top of navbar.

Thanks.

#2 Danny

Danny

    Ninja

  • Moderators
  • 7,503 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 October 2012 - 09:43 AM

Hi,

Unfortunately, Internet Explorer 8 doesn't support CSS3 -

Please Login or Register to see this Hidden Content



If you can provide a link to your site, we may be able to assist you further.

The issue with your NavBar having a dark blue gradient means you're not using the latest version of PageLines Framework, as this was fixed in a recent update, as far as I am aware.

#3 wockatz

wockatz

    Advanced Member

  • Members
  • 32 posts

Posted 11 October 2012 - 10:03 AM

Well I'm on latest update. Where do you think I should look for the blue color? I would only need to change it to black or dark gray. I fixed the hidden menus and some other issues but this one seems a bit tricky to find with IE8 silly inspection tool.

Btw, the website is local and is not accesible. Do you think a screenshot image would help?

#4 Danny

Danny

    Ninja

  • Moderators
  • 7,503 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 October 2012 - 10:08 AM

Yeah, can you provide screenshots please.

#5 wockatz

wockatz

    Advanced Member

  • Members
  • 32 posts

Posted 11 October 2012 - 10:21 AM

I just found the filter causing the blue color. in .p1-color-black-trans.navbar when I disable filter property it fixes the color. Does this property suppose to give transparency? or shadow? Since what ever color i put in it it does not affect.

How can I remove or override the filter? filter:none does not work

Posted Image

#6 Danny

Danny

    Ninja

  • Moderators
  • 7,503 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 October 2012 - 10:51 AM

Where is the location of the filter you found ?

#7 wockatz

wockatz

    Advanced Member

  • Members
  • 32 posts

Posted 11 October 2012 - 11:03 AM

I fixed it. Dont know what was wrong with that filter. Btw, I still have some other problems with ie7...but ie8 which most of my clients are using now works.

Here is the address. Body-> first div -> first section -> first div....which is

<div class="navbar fix navbar-full-width pl-color-black-trans">....

I put this is my css code and it override the filter with another filter.


.navbar.fix.navbar-full-width.pl-color-black-trans{
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444',EndColorStr='#222222');
background-repeat: repeat-x;
}

#8 catrina

catrina

    Advocate

  • Moderators
  • 12,345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 October 2012 - 02:56 PM

There isn't much support that can be provided for IE7 (plus, users should be using at least IE8 if they're not using the latest version, IE9).




Click to return to top of page in style!