css - 动态设置 background-image-url

标签 css gwt background-image

在我的 gwt 应用程序中,我得到了一棵包含一些图像的树。这些图像可以通过拖放到面板中进行复制。现在我想让它们在此面板中可调整大小。当我使用“背景图像”的具体图像路径测试我的 css 代码时,resize:both 和 background-size:cover 有效!我的问题是,我无法为 css 设置具体的 url,因为图像路径是动态的。 当我从 css 中删除 background-image 并在我的代码中设置 backgroundimage 时,周围的容器会调整大小,但图像不会。是否可以将“背景图像”设置为我在运行时选择的图像?我怎样才能用CSS解决这个问题? 谢谢!!

最佳答案

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

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

要使其可调整大小,您需要申请 the correct CSS到这个面板。有几个 CSS 选项供您考虑。

关于css - 动态设置 background-image-url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36516704/

相关文章:

GWT - 检索未显示的小部件的大小

java - 用什么?将前端 Web 应用程序与 XQuery/Saxon 作为平台集成?

jquery - 如何使用 jQuery 更改 float 相反值

css - Slide Deck 在 Google Chrome 中无法正常显示

java - 分页大结果集的最佳方法是什么-Java

css - 使用 CSS 属性从 Sprite 裁剪 Logo

javascript - css 背景图像根本不显示

php - 如何在具有基本主题的 Moodle 2.6 中通过 https 获取背景图像?

jquery - 单击时显示/隐藏按钮上方的内容

css - 通过 "hovering"在 css 中的 div 上更改背景图像