使用HTML数据属性设置CSS背景图片网址
我计划为朋友建立一个自定义的图片库，我确切地知道我将如何制作HTML，但是CSS遇到了一个小问题。
（如果可能，我希望页面样式不依赖于jQuery）
我的问题是：CSS
Data-Attribute中的HTML
Background-image
我将这种格式用于html缩略图：
<div class="thumb" data-image-src="images/img.jpg"></div>
我认为CSS应该看起来像这样：
.thumb {
width:150px;
height:150px;
background-position:center center;
overflow:hidden;
border:1px solid black;
background-image: attr(data-image-src);/*This is the question piece*/
}
我的目标是把data-image- src从div.thumb我的HTML文件，并使用它的每一个div.thumb（或多个）background-image在我的CSS文件来源。
问题答案：
您最终将可以使用
background-image: attr(data-image-src url);
但是据我所知，这还没有实现。在上面，url是的可选“类型或单位”参数attr()。
-
问题内容： 我在一个变量中有一个图像URL，我正在尝试使用jQuery将其设置为CSS样式： 这似乎不起作用，因为： 返回。 任何想法，我在做什么错？ 问题答案： 您可能希望这样做（使其像普通的CSS背景图像声明一样）：
-
问题内容： 是否可以使用CSS设置背景图片的大小？ 我想做类似的事情： 但是这样做似乎是完全错误的… 问题答案： CSS2 如果需要放大图像，则必须在图像编辑器中编辑图像本身。 如果使用img标签，则可以更改大小，但是如果您需要将图像作为其他内容的背景，那将无法达到预期的效果（并且它不会像您想要的那样重复出现）… CSS3 释放力量 在CSS3中使用可以做到这一点。 所有现代的浏览器都支持此功能，
-
本文向大家介绍如何设置网页背景图片？，包括了如何设置网页背景图片？的使用技巧和注意事项，需要的朋友参考一下 要设置网页的背景图像，请使用CSS样式。在CSS <style>标记下，添加属性background-image。该属性设置诸如jpg，png，svg，gif等的图形。HTML5不支持<body>背景属性，因此CSS用于更改设置的背景图像。 示例 您可以尝试使用以下代码在HTML中设置网页的
-
问题内容： 我一直在努力寻找在许多 Angular 2 组件中动态更改属性的最佳方法。 在以下示例中，我尝试使用指令将div的设置为一个值： 我认为问题不是可观察的，因为显示和类似的操作都会渲染图像。我必须访问该属性，因为显然这是制作圆形图像的最佳方法，但总的来说想知道如何执行此操作。 编辑： 我的原始声明有不必要的花括号（ngStyle是可以接受变量的指令），并且在和周围缺少字符串标签。正确的方
-
本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 background系列属性 常见背景属性 CSS样式中，常见的背景属性有以下几种：（经常用到，要记住） background-color:#ff99ff; 设置元素的背景颜色。 background-image:url(images/2.gif); 将图像设置为背景。
-
问题内容： 应该是一个相当简单的问题。在我的网站上，我这样做： 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素，因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗？ 问题答案： 您可以将CSS3 LinearGradient属性与背景图像一起使用，如下所示： 这是一个演示：