我在谷歌上搜索过,尝试过各种解决方案,但似乎无法让我的应用程序正常工作。我想我的应用程序显示一个不同的背景图像,根据什么组件是在屏幕上呈现。我正在实现这个应用程序与反应路由器和所有的样式是用材料用户界面完成。
正如其他类似文章中所建议的,我尝试将背景图像单独导入到每个组件类中,并使用className来呈现背景图像(尝试如下所示)。然而,当我尝试下面的解决方案时,我似乎无法得到任何背景图像来渲染。实际上,只有通过下面的App.css代码才能获得要呈现的任何背景图像。然而,这样做会为整个应用程序设置一个固定的背景图像,这让我回到了第一步。
App.js
class App extends Rea
我在公司的网页上工作。这是我第一个严肃的网页,每一行都有很多疑问。现在我正在开发一个新闻加载系统,我有一个无法解决的问题:
我用jquery加载加载新闻,并将元素附加到以前定义的vars:
var newArticle = $('<a href="'+path + i +'.html"><div id="news-article"></div></a>');
var newArticleChild = newArticle.children(); //'cause i wa
现在我已经用javascript创建了div这个div有一个带有不同图像的背景图像,我需要根据背景图像名称为每个div添加一个类名,有没有办法在javascript或jquery中做到这一点?
// adding divs to mapContainer
var mapCont = document.getElementById("mapContainer");
for (var i = 0; i < 20; i++) {
var child = document.createElement("div");
child.classList.add("
我有一个图像(假设它是100px by 100px)。我想使用图像作为一个div的背景,但我只希望第一个50px by 50px是可见的(其他三个‘角’将用作其他背景)。我还想缩放图像,以便我指定的图像片段填充div。例如,如果我的div是150px by 150px,我希望按图像裁剪到50px by 50px,然后将其呈现为150px by 150px。
我可以在背景中渲染图像(使用react):<div style={{width: '5vh', height: '5vh', background: 'url(./image) 0px 0px
我使用map方法呈现了所有的想象,我想要做的是跟踪当前的图像索引,这样我就可以更改位于另一个div中的项描述,或者您可以为我提供另一个解决方案。
App.js:
import Carousel from 'react-bootstrap/Carousel';
import './style.css'
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-