编辑：

Question

大家早上好，

我试图通过id给动态href一些样式... 假设我想使用背景图片作为我的“品牌”ID，我该如何勾选？

感谢。我知道这对某些人来说可能是显而易见的。

<div id="slides">
    <div class="slides-container">

        <div class="slide">
            <div class="hello">
                <div class="topper">Move</div>
                <div class="slab">your business forward</div></br>
                <div class="paint"><a href="">see how we make it happen</a></div>
                <img src="images/move.png"  width="1024" height="682" id="Intro">
            </div>
        </div>

        <div class="slide">
            <div class="caption">Branding</div>
            <div class="slideimage" id="Branding"><img src="images/surly.jpeg" width="1024" height="682" ></div>
        </div>

        <div class="slide">
            <div class="caption">Web/Mobile</div>
            <div class="slideimage"  id="Web/Mobile"><img src="images/shot.jpg"  width="1024" height="682"></div>
        </div>

        <div class="slide">
            <div class="caption">Labs</div>
            <div class="slideimage" id="Labs"><img src="images/affinity.jpeg" width="1024" height="685"></div>
        </div>

        <div class="slide">
            <div class="caption">FEATURE PROJECT _CUSTOM TYPE style</div>
            <div class="slideimage" id="featured"><img src="images/affinity.jpeg" width="1024" height="685"></div>
        </div>
    </div>

Answer 1

您在CSS中所要做的就是为您的ID添加一个后台URL。所以它看起来像这样：

 #Branding{

 background-image:url('images/surly.jpeg');

 }

Answer 2

你将需要这一点css来实现这一目标。

 #Branding{
     background: url("your image location");
}

Answer 3

.class #id

在类中设置ID。在这种情况下，也许：

.caption #Branding {
    ...
}

你可以使用id，但是：

#Branding {
    ...
}

如果您想了解有关选择器的更多信息，请尝试http://www.w3schools.com/cssref/css_selectors.asp

Answer 4

你可以在你的html页面的标题中使用这样的东西：

<style>
#branding
{
background-image:url('image.png');
background-color:#ababab;
}
</style>

如果您只想要一张图片，请使用背景图片或者你可以只使用背景色作为静态颜色！

Answer 5

创建id并为其指定样式。

HTML：

<div class="caption" id="branding">Branding</div>

CSS：

#branding{background-image:url(...); /* Your image path here */}

编辑：

另一种方法是使用nth child CSS选择器。

以下是 WORKING DEMO

HTML：

<div class="caption">Development</div>
<div class="caption">Labs</div>
<div class="caption">Branding</div>
<div class="caption">Designing</div>

CSS：

.caption{background: url("existing image path");}
.caption:nth-child(3){background: url("new image path");}

希望这有帮助。

Answer 6

我认为你不能只使用CSS。尝试使用一些javascript：

  document.getElementById('imageID').src = "SomeSrc";

在类中设置ID？

6 个答案:

编辑：