DotDragnet
May 24, 2012, 07:56:44 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Mobile users - Our forum is Tapatalk enabled. http://www.tapatalk.com/
 
   Home   Help Search Login Register  
Pages: [1]   Go Down
  Print  
Author Topic: IE9 drop shadow, rotation, scale  (Read 517 times)
samhs
Administrator
Hero Member
*****
Posts: 1713



View Profile WWW Awards
« on: October 31, 2011, 11:20:55 AM »

I had thought IE9 was capable of displaying CSS3 properties for box-shadow, transform: rotate and scale - in fact, I'm sure it can. But somewhere in my code it's not working for me - can anyone spot the issue please?

http://www.hs-demo.co.uk/polaroid

To see what it's supposed to look like, Chrome, Firefox or Safari all render it correctly...

TIA!
Logged

Loose adj a not held together; not fastened or firmly fixed in place
Lose verb to misplace something. To fail to keep or obtain something, especially because of a mistake, carelessness, etc.
---
Blog: www.ohwrite.co.uk
Twitter: www.twitter.com/samhs
sickpuppy
Site Chimp
Administrator
Hero Member
*****
Posts: 1912



sickpuppysoftwa
View Profile WWW Awards
« Reply #1 on: October 31, 2011, 12:43:14 PM »

I'd say it was your script more than the CSS. It looks like the Transform isn't been applied. If I manually add
-ms-transform:          rotate(20deg);
to an li element it displays correctly.
Logged

samhs
Administrator
Hero Member
*****
Posts: 1713



View Profile WWW Awards
« Reply #2 on: October 31, 2011, 12:49:35 PM »

yeah - you're quite right. obj.style.MsTransform should work and doesn't. Sad
Logged

Loose adj a not held together; not fastened or firmly fixed in place
Lose verb to misplace something. To fail to keep or obtain something, especially because of a mistake, carelessness, etc.
---
Blog: www.ohwrite.co.uk
Twitter: www.twitter.com/samhs
samhs
Administrator
Hero Member
*****
Posts: 1713



View Profile WWW Awards
« Reply #3 on: October 31, 2011, 03:39:11 PM »

Sorted - thanks to Matt and Currington. Combination of a) previewing it locally; and b) uppercase M at beginning of MsTransform - not required (should have been lower case).

Thanks!
Logged

Loose adj a not held together; not fastened or firmly fixed in place
Lose verb to misplace something. To fail to keep or obtain something, especially because of a mistake, carelessness, etc.
---
Blog: www.ohwrite.co.uk
Twitter: www.twitter.com/samhs
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2006-2008, Simple Machines Valid XHTML 1.0! Valid CSS!