2 Replies - 500 Views - Last Post: 29 June 2012 - 12:38 PM

#1 AIintern  Icon User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 53
  • Joined: 06-June 12

How to make this work on IE

Posted 29 June 2012 - 10:31 AM

Guys, I just wana say thanks again for all of your help! I am slowley but surley getting all of my site done and its looking great! I couldnot have done it without you!!

Anyway.. here is my question.

I decided to not have a navigation bar on my site. I will instead have Polaroid looking photos that are tilted and when you scroll over them they will line up and if you click on them they will take you to the link... This code works in MOZ and SAFFARI, but doesnt work on IE..

I looked on Google to find conversion codes but none work :/

any help would be greatly apprieciated

.try2 {
font-size:20px;
font-family:'Lucida Calligraphy';
background-image:initial;
background-repeat-x:no-repeat;
background-repeat-y:no-repeat;
background-repeat:no-repeat;
background-attachment:initial;
background-position:initial initial;
background-position-x:initial;
background-position-y:initial;
background-origin:initial;
background-clip:initial;
background-color:#FFFFFF;
width:200px;
text-align:center;
box-shadow:rgba(0, 0, 0, 0.199219) 0px 12px 24px;
-webkit-box-shadow:rgba(0, 0, 0, 0.199219) 0px 12px 24px;
-o-box-shadow:rgba(0, 0, 0, 0.199219) 0px 12px 24px;
-moz-box-shadow:rgba(0, 0, 0, 0.199219) 0px 12px 24px;
-webkit-transform:rotate(14deg);
-moz-transform: rotate(-14deg);
transition-property:-webkit-transform;
-webkit-transition-property:-webkit-transform;
-o-transition-property:-webkit-transform;
-moz-transition-property:-webkit-transform;
transition-duration:0.15s;
-webkit-transition-duration:0.15s;
-o-transition-duration:0.15s;
-moz-transition-duration:0.15s;
transition-timing-function:linear;
-webkit-transition-timing-function:linear;
-o-transition-timing-function:linear;
-moz-transition-timing-function:linear;
transition-delay:initial;
-webkit-transition-delay:initial;
-o-transition-delay:initial;
-moz-transition-delay:initial;
margin-top:-2px;
margin-left:90px;
padding:10px 10px 20px 10px;
}

.try2:hover {
-webkit-transform:scale(1.15);
-moz-transform: scale(1.15);
position:relative;
z-index:5;
font-weight:bold;
}



Is This A Good Question/Topic? 0
  • +

Replies To: How to make this work on IE

#2 shintetsu_80  Icon User is offline

  • D.I.C Head

Reputation: 31
  • View blog
  • Posts: 105
  • Joined: 01-July 08

Re: How to make this work on IE

Posted 29 June 2012 - 11:57 AM

It looks like you're trying to do this all in CSS3 with transitions and from what I've seen these won't be supported IE until IE10.

https://developer.mo...SS_transitions/
http://css3.bradshaw...es.com/support/
Was This Post Helpful? 0
  • +
  • -

#3 DarenR  Icon User is online

  • D.I.C Lover

Reputation: 443
  • View blog
  • Posts: 3,057
  • Joined: 12-January 10

Re: How to make this work on IE

Posted 29 June 2012 - 12:38 PM

IE does not support css3-- so yeah ie blows balls
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1