滑动门技术

在css3还在很多浏览器不支持的年代，遇到一个圆角矩形，一般都是切图，但是平常切图也有一定的局限性，因为不能随着中间内容的增加而增加，为了解决这个问题，就可以利用滑动门技术来解决，其实这个也不是一种技术，只是利用css的一种解决方案，方案有多种，他的优点在于起可以根据内容长短变化，圆角不发生错位：

    方法有3种：

        1，大容器包含两个并列的小容器，将圆角分成3个部分切出来，分别是左圆角，中间部分，和右圆角，然后利用浮动和容器的包含关系，来放置背景图

        2，大容器包含一个容器，用一张原图，大容器包含左边，小容器包含右边平铺即可

        3，大容器包含两个小容器，两个小容器也是包含与被包含的关系，原理和第一种类似

利用这3种方法就很好的解决了圆角矩形根据内容的长度发生变化而变化。

转载于:https://my.oschina.net/u/1865741/blog/300901