我有一组小图像,它们在 Firefox 中运行良好,但在 Google Chrome 中运行不佳。 html代码是这样的:
<li class="links">
<a href="tassa-di-soggiorno"><img src="<?php bloginfo('template_directory'); ?>/images/taxNero.jpg"></a>
<a href="eco-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/eco.jpg"></a>
<a href="pet-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/pet.jpg"></a>
<a href="3130"><img src="<?php bloginfo('template_directory'); ?>/images/diverability.jpg"></a>
</li>
还有 css 样式:
#nav-bar li.links a {
display: block;
float: left;
margin: 0 1px;
width: 40px;
}
这是查看网页的链接:http://www.alcappellorosso.it
您应该会在左侧导航菜单的正下方看到图片。
最佳答案
添加你的CSS:
#nav-bar li {
height: 35px;
}
或者更重视您的设计。
关于html - 图片未在 Chrome 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11084078/