javascript - 如何绑定(bind) CSS background-image 属性?

标签 javascript html css knockout.js

是否可以制作样式背景图像绑定(bind)?

我试过这段代码:

<div data-bind="foreach: itemList">
    <div data-bind="style: { background-image: 'url:(temp.png)' }">some text</div>          
</div>

我也试过backgroundImageurl没有引号,url后没有:,但还是不行在职的。所有其他绑定(bind),例如 colorbackgroundColor 绑定(bind)都运行良好。

最佳答案

documentation 中所述,您需要使用您想要控制的样式的 Javascript 名称。

这意味着您必须使用 backgroundImage 而不是 background-image

像这样:

<div data-bind="foreach: itemList"> 
    <div data-bind="style: { backgroundImage: 'url(temp.png)' }">some text</div>
</div>

关于javascript - 如何绑定(bind) CSS background-image 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9303470/

相关文章:

javascript - Bootstrap 模式中的背景图像

CSS 样式在 Firefox 的 HTML 导入中不起作用

javascript - 如何使用 bootstrap 4 折叠中型屏幕的导航栏内容

javascript - 为什么表单淡入淡出功能不允许验证?

html - 如何对特定文本使用 XPath contains()?

javascript - 防止过度定位元素中的事件

javascript - 如何禁用 hook.io 中的输出

javascript - 通过 Ajax 一次单击提交多个表单

javascript - 修改选中中的切换复选框脚本取消选中所有复选框

java - 使用 javascript 的 Groovy Spring Boot 项目