CSS内容调整大小

Question

我正在尝试使用CSS填充设备屏幕，但我没有运气。图像位于after：伪元素和内容标记中。我不能将图像用作背景，因为它必须覆盖html。任何想法？

@media screen and (orientation:portrait) {
body:after{
    content: url(images/IGOVERLAYPAPI.png); 
    position:fixed;
    max-width:100%; 
    height:auto; 
    z-index:444;
}

Answer 1

要强制元素覆盖视口的尺寸，请尝试：

body:after{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}