gpt4 book ai didi

html - 修复了动态标题图像上的可见高度值

转载 作者:行者123 更新时间:2023-11-28 16:09:06 24 4
gpt4 key购买 nike

我有一个 Wordpress 站点,用户可以在其中选择将不同的标题图片上传到他们创建的任何特定帖子或页面。在满意的情况下,标题图像看起来不错,因为高度不会占据整个页面。但是,我想为标题图片设置一个最大可见高度值,例如 350 像素,这样图片的其余部分就会被隐藏或从后面的内容中“截断”。使用 css max-height 属性只会让图像以一种丑陋的方式缩小,因为它的长度需要是 100%。

我尝试将图像包裹在具有固定高度的 div 中,然后使用 overflow: hidden on the image,但没有用。然后我尝试使用 z-index 使内容覆盖图像的溢出部分,但没有成功。

关于如何解决这个问题有什么想法吗?

最佳答案

我将您的 .site-header div 的高度保持为 200px

enter image description here

关于html - 修复了动态标题图像上的可见高度值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32134377/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com