CODEWITHSUNDEEP
cssinternet-explorerinternet-explorer-6
ømi
ømi

Reputation: 521

rotate image in css for ie6

i need to rotate image in css for ie6

is it possile

i tried Below code But none of Below is working

.image-box

{ 

-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

 ms-filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE8 */

 -ms-filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE8 */

 transform: rotate(180deg);

-moz-transform: rotate(180deg);

-webkit-transform: rotate(180deg);

-ms-transform: rotate(180deg);

  -sand-transform:  <rotate(180deg)>;


 }

please help!!!

Upvotes: 0

Views: 1746

Answers (2)

user1726343
user1726343

Reputation:

You're not supposed to have a hyphen before non vendor specific CSS properties. Remove the hyphen from -filter: ...:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

Additionally, you might need to trigger hasLayout by adding overflow:auto or zoom:1 to your CSS. Here is a demonstration (I've tested this in IE7 using browserlabs).

Upvotes: 4

Peter Wooster
Peter Wooster

Reputation: 6089

IE6 has limited support, even from MS. You probably should use IE conditional comments to provide a different image or markup for IE6. Here's the MSDN article on these http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

Upvotes: 0

Related Questions