div旋转45度，背景图却要正着显示

例如这种怎么显示，如果这样的div里面没有跟鼠标相关的事件，那么直接切图定位即可

一旦涉及到鼠标事件，那么就要考虑div的重叠了

css3可以帮助你实现div的旋转！

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);

-o-transform:rotate(45deg);

transform:rotate(45deg); 

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

给出宽高，设置position

如果要是把此div设置上背景图那么背景图也是旋转的，怎么做到背景图不旋转呢，

那么设置背景图的div跟旋转45度的不是同一个div即可  把带背景图的div继续旋转315度即可

-moz-transform:rotate(315deg);

-webkit-transform:rotate(315deg);

-o-transform:rotate(315deg);

transform:rotate(315deg); 

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);