我正在为我的网站创建一个滑块组合。
我遇到的问题是每个部分都完全相互隔离。使用jQuery,然后我更改类并让CSS处理动画。基本上,我用百分比改变了左边的属性。然而,左边10%不等于左边的90%所以我必须从左边做10%,从右边做10%。但是,当CSS转换没有考虑到我从左向右切换属性时。
这是我的网站:http://devdesigned.com/intrinsecus
注意:目前,它仅适用于-webkit浏览器,因为我还没有添加其他兼容性CSS。
答案 0 :(得分:1)
你所有的盒子都有相同的宽度。使用margin-left:-box_width / 2;现在你只需要使用左边的百分比。剩下的85%与15%的权利相同。只是不要忘记添加一些响应式设计,这样盒子就不会被切断。