0
我不知道为什么当页面加载时我得到两种不同的颜色。我查看元素检查器中的“计算”和“样式”选项卡,但这会为每个选项显示相同的值。HTML + CSS渲染的颜色
图片:
第一个样式是标题,另一个为“Seguir Leyendo”,一个“更多”链接,都对所有的顶部,没有阿尔法和没什么可以给出不同的音调
任何线索,为什么这可能happend?
地址:
HTML:
<div class="blog_entry">
<div class="blog_entry_image">
<a href="home-blog-detail-one.html"><img src="img/blog_imagen_1.png" class="blog_image_home"alt="Blog entry 1"></a>
</div>
<div class="blog_entry_desc">
<h2 class="blog_entry_title"><a href="home-blog-detail-one.html">Lorem ipsum dolor sit amet, consectetur
adipiscing lit. Phaiop ellus ut diam nibh consectetur adpiscing</a></h2>
</div>
<div class="blog_entry_date">
28 Diciembre 2014
</div>
<div class="blog_entry_text">
<p>Nulla arcu quam, tempor a mattis sit amet, efficitur eget ante. Integer elit
libero, rutrum eu augue ut, faucibus dictum nibh. Suspendisse vitae ex sit amet
tellus molestie interdum...</p>
</div>
<div class="blog_entry_options">
<img src="img/blog_facebook.png" alt="Facebook">
<img src="img/blog_twitter.png" alt="Twitter">
<a href="home-blog-detail-one.html">Seguir leyendo <img src="img/arrow_read_more.png" alt="Seguir leyendo"></a>
</div>
<div class="clearfix"></div>
</div>
CSS:
.blog_entry_title {
font-size: 24px;
}
.blog_entry_title a, .blog_title_detail {
color: #008ed6;
text-decoration: none;
font-family: HelveticaNeueThin;
}
.blog_entry_options {
position: absolute;
bottom: 0;
right: 0;
}
.blog_entry_options a {
color: #008ed6;
position: absolute;
bottom: 0;
right: 0;
font-size: 17px;
}
没有HTML代码,我不能完全肯定。但我认为其中一个是头文件,并具有额外的CSS属性。 – kinezu
请贴一些html ..只有不同我得到这里是字体大小..只是尝试通过使两个字体大小相同并粘贴结果.. –
它必须是一些额外的样式。也许阅读更多是一个链接,并且Lorem ipsum是一个h1,h2 ..元素? 检查萤火虫的任何其他样式。它应该有所帮助。 –