Html 能否将一个div的信息设置为另一个div的背景图像?

Html 能否将一个div的信息设置为另一个div的背景图像?,html,css,jquery-plugins,background-image,parallax,Html,Css,Jquery Plugins,Background Image,Parallax,对于一个课堂项目,我有一个想法,制作一个类似的论坛,但用户在那里回答问题会得到报酬。所以我想到的一个想法是,在主屏幕上列出所有问题,用户可以将整个问题用作div的背景图像,然后使用视差滚动,这样当你向下滚动时,你可以看到更多的问题。甚至有可能做到这一点吗 我认为您希望使用视差来显示/隐藏您的问题,以便: 您可以使用一些JavaScript将文本转换为图像: 我认为这就是你想要的,但没有测试它^^我认为你想用视差来显示/隐藏你的问题,所以: 您可以使用一些JavaScript将文本转换为图像: 我

对于一个课堂项目,我有一个想法,制作一个类似的论坛,但用户在那里回答问题会得到报酬。所以我想到的一个想法是,在主屏幕上列出所有问题,用户可以将整个问题用作div的背景图像,然后使用视差滚动,这样当你向下滚动时,你可以看到更多的问题。甚至有可能做到这一点吗

我认为您希望使用视差来显示/隐藏您的问题,以便:

您可以使用一些JavaScript将文本转换为图像:


我认为这就是你想要的,但没有测试它^^

我认为你想用视差来显示/隐藏你的问题,所以:

您可以使用一些JavaScript将文本转换为图像:

我认为这就是你想要的,但没有测试它^^

视差css

*{
填充:0;
保证金:0;
框大小:边框框;
}
身体{
字体系列:“SegoeUI”;
}
.块视差{
溢出:隐藏;
位置:相对位置;
}
.块视差.视差背景{
背景附件:固定;
背景位置:0px 0px;
背景重复:重复;
身高:100%;
位置:绝对位置;
宽度:100%;
最小宽度:1170px;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
背景尺寸:封面;
}
.块视差.md框{
填充:200px 0 200px;
背景:rgba(0,0,0,0.75);
位置:相对位置;
身高:100%;
文本对齐:居中;
}
.块视差.md框h1{
颜色:#fff;
}
.块视差-1.视差背景{
背景图像:url('http://maque.org.ua/wordpress/wp-content/uploads/2011/12/html5.jpg');
}
.块视差-2.视差背景{
背景图像:url('http://myrusakov.ru/images/articles/html5-local-storage.jpg');
}
.块视差-3.视差背景{
背景图像:url('http://www.webdesignmagazine.ru/wp-content/uploads/2013/09/html5_structure.png');
}
.块视差-4.视差背景{
背景图像:url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQog6awkbZ2gnKtf5Z_bvDJInkn2aBOXti_oWB8LvC1uiJS-Rdv');
}
氢{
颜色:#555;
文本对齐:居中;
填充:25px0;
保证金:0;
}

背景1
背景2
背景3
背景4
视差css

*{
填充:0;
保证金:0;
框大小:边框框;
}
身体{
字体系列:“SegoeUI”;
}
.块视差{
溢出:隐藏;
位置:相对位置;
}
.块视差.视差背景{
背景附件:固定;
背景位置:0px 0px;
背景重复:重复;
身高:100%;
位置:绝对位置;
宽度:100%;
最小宽度:1170px;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
背景尺寸:封面;
}
.块视差.md框{
填充:200px 0 200px;
背景:rgba(0,0,0,0.75);
位置:相对位置;
身高:100%;
文本对齐:居中;
}
.块视差.md框h1{
颜色:#fff;
}
.块视差-1.视差背景{
背景图像:url('http://maque.org.ua/wordpress/wp-content/uploads/2011/12/html5.jpg');
}
.块视差-2.视差背景{
背景图像:url('http://myrusakov.ru/images/articles/html5-local-storage.jpg');
}
.块视差-3.视差背景{
背景图像:url('http://www.webdesignmagazine.ru/wp-content/uploads/2013/09/html5_structure.png');
}
.块视差-4.视差背景{
背景图像:url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQog6awkbZ2gnKtf5Z_bvDJInkn2aBOXti_oWB8LvC1uiJS-Rdv');
}
氢{
颜色:#555;
文本对齐:居中;
填充:25px0;
保证金:0;
}

背景1
背景2
背景3
背景4

您能再解释一下吗?您想在另一个问题的div中显示一个问题吗?例如,此网站的主页显示所有问题的列表,当您单击其中一个问题时,您将进入包含该问题和详细信息的页面,例如您当前所在的页面。我的想法是,是否可以将此页面显示为主页中同一问题的背景图像。举个例子,我不这么认为(至少不容易),你能再解释一下吗?您想在另一个问题的div中显示一个问题吗?例如,此网站的主页显示所有问题的列表,当您单击其中一个问题时,您将进入包含该问题和详细信息的页面,例如您当前所在的页面。我的想法是,是否可以将此页面显示为主页中同一问题的背景图像。例如,动态地,像这样,我不这样认为(至少不容易)我认为他想要背景X作为背景图像来拥有相同的动画,但不确定我认为他想要背景X作为背景图像来拥有相同的动画,但不确定