一、什么是滑动门技术?
就是文字的背景图片可以根据文字的多少自动适应,就像这样
二、如何做滑动门呢?
1、我们需要一张足够长的背景图,例如:
既然是按钮,我们可以用a标签来装这个背景图,那么问题来了,这是一张图,如果只放在一个a链接里面只能固定大小,所以不能根据文字变化长度,所以我们需要借助到两个标签。
2、滑动门原理:
将背景图放到a标签里面和放到span标签里面,像这样:
然后将a和span放到一行,然后文字放到span标签里面就ok了,span可以根据文字多少自动撑开span,
具体代码实现为