我想要做这样的事情上: 填充的图像
但我不能把形状正确,而且总有下降,超越了几个像素:
这里我的CSS:
div.elec {
position: relative;
margin: 30px 0;
margin-bottom: 30px;
}
div.elec img {
width: auto;
height: auto;
max-width: 100%;
box-shadow: 0px 2px 20px grey;
}
#descrielec {
position: absolute;
bottom: 0;
width: 50%;
height: 490px;
text-align: center;
background-color: rgba(249, 249, 249,0.6);
color: white;
font-size: 1em;
}
而我的HTML:
<div class="elec">
<img src="./SI-Facile_files/elec.png">
<div id="descrielec">
<br/><br/>
<h4><a>Electronique</a><br/>Ces leçons qui traiteront sur les calculs, codages, branchements, graphiques, etc... vous seront
très utiles afin de passe dans les meilleures conditions votre années
de SI en terminale.</h4><br/><br/><a
href="./SI-Facile_files/Cours.html"><h6>Cliquez-ici pour voir les
leçons</h6></a><br/><a href="./SI-Facile_files/QCM.html"><h6>Ou ici
pour vous testez</h6></a>
</div>
</div>
为了澄清,你问的是#descrielec似乎并不怎么用下面的完整图像完全匹配吗?除此之外,我能看到的唯一区别就是在这个例子中与您的相比,边距更大。 – ddonche
有点,我明白为什么,但我不知道如何去做。 –