如何实现倾斜图像

时间:2011-08-08 08:44:44

标签: html css

以下是页面http://pics.livejournal.com/ekuzmin/pic/0001wtyw

的结构

大图片应该覆盖页面上的所有元素并且具有倾斜形式。点击鼠标即可访问绿色框。所以,你看,这不是一个微不足道的任务,很难找到合适的解决方案。

当用户点击特殊按钮时,大图像从右向左移动,并且可以由站点的管理模块中的编辑器设置不同。

或多或少合适的解决方案是使用MAP,但我想这不是最好的。

1 个答案:

答案 0 :(得分:1)

类似于你所描述的内容:http://jsfiddle.net/epDkA/?它应该适用于Chrome / Safari和Firefox。

如果有的话,这里有关于如何让它在IE中运行的信息:http://samuli.hakoniemi.net/cross-browser-rotation-transformation-with-css/

这里有一篇关于CSS轮换的好文章:http://snook.ca/archives/html_and_css/css-text-rotation

编辑:

添加了从右向左移动图片的按钮:http://jsfiddle.net/Bu6pr/