Question

您好我想让网站上的（页面）背景透明，因此文本和内容会滚动固定的背景图片。我知道我需要在css中这样做。我尝试了各种可能性，设置背景颜色; #EFFFFF，“透明”，初始颜色等，但注意工作sofar，它仍然是白色。是否有任何提示或指示？（我用weebly btw构建我的网站）

Answer 1

实际上，透明色是alpha=0的任何颜色。所以你可以使用：

background-color:rgba(0,0,0,0)

只有设置alpha的最后0才有意义。

另外

background-color: hsla(0,0%,0%,0);

同样，只有代表alpha的最后一个零。

Answer 2

到目前为止，最好的 - 最常见的透明白色背景浏览器方法是制作像2px x 2px这样的小白色图像并在其上设置不透明度并将其保存为.png然后将其包含在你的css：

element {
    background-image: url('mytransparentimage.gif');
    background-repeat: repeat;
}

Answer 3

正如我在评论中提到的，我不认为你想要一个透明的背景，而只是你<body>标签的背景。您可以将CSS background-image与background-attachment:fixed一起使用。下面是一个可运行的代码示例：

body {
  background-image: url(http://lorempixel.com/400/200/abstract/10/);
  background-attachment: fixed;
  color: white;
  font-size: 32px;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id euismod leo. Suspendisse potenti. Proin elementum sodales ligula, in aliquet massa accumsan a. Donec molestie pharetra risus, vel congue sapien ornare at. Nulla mi nulla, iaculis ut est eget, pretium efficitur mi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut vel justo et dui lobortis iaculis sit amet non nisi.

Fusce felis eros, tempor eget pulvinar sit amet, tristique a elit. Etiam accumsan sagittis risus vel laoreet. Maecenas nulla odio, ultricies non ipsum sed, vehicula sodales nisl. Nunc vitae dignissim mauris. Maecenas venenatis turpis quis arcu malesuada pellentesque. Donec ut purus eu ante ornare aliquam. Mauris at blandit enim, at sagittis purus. Integer sollicitudin lorem et interdum dignissim. Etiam eget commodo eros. Nam lacinia ante in vehicula eleifend. Morbi dignissim est nisi, suscipit consectetur arcu auctor quis.

Duis eu elit pellentesque, varius turpis ac, malesuada tellus. Praesent consectetur velit vitae risus finibus dictum. Morbi at dui non mi elementum pretium. Donec id posuere felis. Maecenas laoreet blandit nisl vel commodo. Cras mattis mi non velit scelerisque faucibus. Cras non felis in tellus dignissim accumsan.

Donec condimentum non augue non tempus. Donec diam risus, imperdiet eu vulputate ut, consequat quis tortor. In scelerisque dignissim nunc. Praesent quis fringilla metus. Vivamus sit amet pharetra libero. Etiam porta malesuada enim in fringilla. Aenean sed dui in velit rutrum ornare quis vitae velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam semper congue luctus. Etiam faucibus ornare ligula, sit amet interdum nulla. Ut rutrum odio non arcu pharetra fringilla. Morbi est mi, molestie pharetra suscipit nec, elementum ac nisl. Sed nisi dui, porta eget elementum sit amet, placerat vel purus. Ut hendrerit tellus id urna maximus, eget euismod massa tincidunt. In venenatis sapien sed est iaculis sagittis.

Ut enim mi, suscipit non ligula condimentum, mattis semper leo. Integer egestas eleifend scelerisque. Suspendisse tempus tempor nunc, vitae varius metus luctus vitae. Mauris vel ante nec erat tristique convallis nec id mi. Mauris lacinia lobortis risus sed pulvinar. Fusce faucibus tellus vestibulum, varius orci quis, tincidunt massa. Donec consequat urna id quam gravida tincidunt. Sed turpis massa, sagittis non consequat vel, sagittis nec magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas in tortor lorem. Praesent id ante vitae magna sollicitudin vulputate.

将背景颜色更改为透明

3 个答案: