CSS规则并不适用于图像

我想CSS更改应用于HTML增加了一个形象，但变化不应用，这里是我CSS规则并不适用于图像

HTML

<section id = "firstimage"> 
    <div class = "container"> 
<img src = "collage2.jpg"> 
</section>

CSS

.container{ 
    width:80%; 
    margin:auto 
    overflow:hidden; 
    height: 100%; 
    width: 100%; 

} 

#firstimage 
{ 
    max-width: 100%; 
    height: auto; 
}

来源

2017-06-18 IcySun

您正在申请的CSS到<section id="firstimage">不是img元件后等于（=）和之后等号（=），靠近容器的div前删除来自所有空间。此外，请记住关闭div。改为尝试以下内容。

<section id="firstimage"> 
    <div class="container"> 
    <img src="collage2.jpg"> 
    </div> 
</section>

CSS

.container{ 
    width:80%; 
    margin:auto 
    overflow:hidden; 
    height: 100%; 
    width: 100%; 
} 

#firstimage img { 
    max-width: 100%; 
    height: auto; 
}

通过上面的CSS，你申请的样式实际img元素。

来源

2017-06-18 22:03:25

感谢一堆这工作！ – IcySun

@IcySun很高兴能帮到你。如果我的答案帮助您解决问题，请记住接受该解决方案 –

尝试关闭DIV

<section id="firstimage"> 
    <div class="container"> 
    <img src="https://www.w3schools.com/css/trolltunga.jpg"> 
    </div> 
</section>

来源

2017-06-18 22:02:49 demo7up

的img涡卷

<section id="firstimage"> 
    <div class="container"> 
    <img src="collage2.jpg"> 
    </div> 
</section>

来源

2017-06-18 22:03:22

CSS规则并不适用于图像

回答

相关问题