Javascript 修复了从3D过渡中消失的图像?
使用大量的Javascript 修复了从3D过渡中消失的图像?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,使用大量的3D转换,并且当将背景附件:固定应用于任何背景时,它会消失。它似乎与背面可见性有关,但删除它只会使滚动错误。不确定我是否理解正确: 要使图像适合全屏显示,请使用CSS属性: background-size:100% 100%; 但是请注意,如果大小不正确,它将拉伸图像 使用它 #skill2 { background: url("/assets/img/developer-laptop-desk.jpg") no-repeat fixed center top / 100%
3D转换
,并且当将背景附件:固定
应用于任何背景
时,它会消失。它似乎与背面可见性有关,但删除它只会使滚动错误。不确定我是否理解正确:
要使图像适合全屏显示,请使用CSS属性:
background-size:100% 100%;
但是请注意,如果大小不正确,它将拉伸图像
使用它
#skill2 {
background: url("/assets/img/developer-laptop-desk.jpg") no-repeat fixed center top / 100% 100% rgba(0, 0, 0, 0);
text-shadow: 1px 1px #000000;
width: 100%;
}
#intro {
background-attachment: fixed;
background-image: url("/assets/img/backstretch.jpg");
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
width: 100%;
}
您只能使用relative
图像,而fixed
图像则会消失。我无法修复图像,这似乎是3D渲染的问题。您可以指定任何类id名称或图像吗?