使图像背景适合 DIV
您希望背景图像在 DIV 中完全显示,但图像的一部分被切断。要解决此问题,请考虑使用大多数现代浏览器都支持的背景大小属性。
对于按比例缩放以适合 DIV 的背景图像:
1 |
|
对于背景图像拉伸以完全覆盖 DIV,并在必要时遮挡图像的部分:
1 |
|
这是一个使用的示例背景大小:包含:
1 |
|
使用背景大小的示例:封面:
1 |
|
现在,您的背景图像将完全显示在DIV中,无论其原始图像如何尺寸或长宽比。
以上是如何使背景图像完美适合 DIV?的详细内容。更多信息请关注PHP中文网其他相关文章!