Question

我有一个很酷的影响，我想申请一系列的图像。但是文件位置包含在CSS中，但我想将其移动到HTML代码中。我怎样才能做到这一点。我的样式表中有很多其他组件可能会干扰img标签。我该如何做到最好。这是CSS代码：

.social-slide {
    background-image: url(/static/images/icons/profile.png);
    height: 50px;
    width: 50px;
    margin: 10px;
    float: right;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.3s;
}
.social-slide:hover {
    background-position: 0px -50px;
    -webkit-filter: invert(30%); 
}

Answer 1

如果你真的需要，你可以把它放在style属性中，但这通常不是一个好主意。

<div class="social-slide" style="background-image:url('hai')></div>

Answer 2

在你的html文件中执行：

<style>
.social-slide {
    background-image: url(path);
}
</style>

或者您可以使用内联样式，但不建议使用。

在处理CSS时保持HTML中的文件位置

2 个答案: