#bei1{ position: fixed; //首先进行定位,相对浏览器定位,定在一左一右 left: 0px; //通过调整左右距离定在屏幕左右 z-index: -1; //调整z-index使其置入最底层 width: 13%; //合理调整宽度,使图片高度超过目前市面上绝大多数的屏幕高度 img{ width: 100%; //改变图片宽度为100% min-height: 1080px; //这里是为了防止高度不足,设定的最小高度 } } #bei2{ position: fixed; right: 0px; z-index: -1; width: 13%; img{ width: 100%; min-height: 1080px; } }
将主要内容显示在屏幕中心,盖住边缘部分