html - 背景图片不旋转

Question

我创建了一个 HTML 页面并将其链接到 CSS。我在 CSS 文件中的背景如下:

body {
background-image:url('../Images/Bdos.jpg');
background-size:100%;
background-repeat:no-repeat;
background-attachment:fixed;
transform:rotate(90deg);
}

但是，transform:rotate(90deg) 会旋转 HTML 文件中的内容。知道问题的原因是什么，或者应该如何单独旋转图像？？

Answer 1

这是一种方法，试一试，还是不行再回来:

body {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 1000px;
}
body:before  {
    content: '';
    background: url('../Images/Bdos.jpg') 0 0 no-repeat;
    /*background-size: 100%;*/
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position: absolute;
    z-index: -1;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
}

您必须使用您的资源，因为图像的尺寸会导致不同的结果。