如何解决css3 过渡引起的页面晃动

html-css07

如何解决css3 过渡引起的页面晃动,第1张

div

{

backface-visibility:hidden

-webkit-backface-visibility:hidden /* Chrome 和 Safari */

-moz-backface-visibility:hidden /* Firefox */

-ms-backface-visibility:hidden /* Internet Explorer */

}

楼主可以试试这个,隐藏被旋转的 div 元素的背面

有可能是鼠标滑过的时候,因为文字,图片,间距或者边框等带有宽度和高度产生变化,导致的。ie6下面会有双倍边距的产生,这样会导致div出现错位,就有一定的晃动。你在仔细查查div的宽度之和是否超过了总宽度

用PS做的是效果图,需要前端开发人员编写代码才可以在网站上展示出来。

简单来说,在PS里做好之后,需要切图。把图片切割成适合在网站上浏览。

切图时需要把文字分离出图片的要处理好。

切好图片之后,需要用html结合JavaScript等知识编写代码。

这样写出的页面还只是静态的网站。

如果想要做成动态的效果,还需要搭建后台,连接数据库等。