动态设置background-image-url

在我的gwt-应用程序中，我得到了一张带有几张图片的树。这些图像可以通过拖放到面板进行复制。现在我想让它们在这个面板中调整大小。当我测试我的CSS代码与“背景图像”的具体图像路径，调整大小：两个和背景大小：封面作品！我的问题是，我不能设置一个具体的URL到CSS，因为图像路径是动态的。当我从css中删除背景图像并在我的代码中设置backgroundimage时，周围的容器会调整大小，但图像不是。是否可以将“背景图像”设置为我在运行时选择的图像？我怎样才能解决与CSS？谢谢！动态设置background-image-url

来源

2016-04-09 Jogi

你能展示一些代码吗？我可以这样说，把'background-size'设置为'contain'或'cover'（任何符合你的需求的东西），但是否能起作用取决于你已有的东西。 –

背景大小不是问题...当我测试我的CSS代码与“背景图像”的具体图像路径，它的工作原理！但问题是，我不能设置一个具体的URL到CSS，因为图像路径是动态的...... :( – Jogi

您可以随时在您的代码中设置背景图片。例如：

myPanel.getElement().getStyle().setBackgroundImage("url(/myImage.jpg)");

要使其可调整大小，您需要将the correct CSS应用于此面板。有几个CSS选项供您考虑。

来源

2016-04-09 14:29:44

当我测试我的CSS代码具有“背景图像”的具体图像路径，调整大小的作品！但问题是，我无法设置一个具体的URL到CSS，因为图像路径是动态的...... :(我怎样才能解决在CSS？ – Jogi

你不能在CSS中做到这一点，你需要使用代码我知道它提供了设置路径 –

好吧，但我如何设置网址dyamic？ > myPanel.getElement（）。getStyle（）。setBackgroundImage（“url（？）”）; – Jogi

动态设置background-image-url

回答

相关问题