页面背景图片过渡边界怎么处理？

设计给的图片高度不大，页面太长，就会出现下图中的过渡边界，如果拉伸原图的话会很丑，又不想找设计给个长一点的图，请问有什么好的方法让这种过渡自然一点？

---

试试看
class:hover{transition:background 0.4s ease;background-position: -233px -666px;}