html&css 将白色箭头设置为底部图像

标签 html css image

<分区>

http://judopassion.com/wordpress/

在content div中有一些article对象。每篇文章都有一张图片。在图像上,我会在左下角的图像上画一个箭头。 我已经用 div contentArrow 实现了它。 问题是所有图像的宽度相同但高度不同,所以我不知道如何为所有类型的高度修复 contentArrow。 现在 contentArrow 仅适用于 269px 高度的图像。 enter image description here 我该怎么做? 非常感谢。

最佳答案

#contentImageSrc 必须是一个类 .contentImageSrc 因为您要多次使用它。 规则您不能重复 ID

contentArrow div 移到 contentImageSrc DIV 中,然后将您的 css 编写为 -

.contentImageSrc{ position: relative; }
.contentArrow { position: absolute; bottom: 10px; left: 10px;}

关于html&css 将白色箭头设置为底部图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12893343/

上一篇:css - 页面宽度呈现不同但 CSS 不同意

下一篇:CSS 左 :25% not working the same across browsers?

相关文章:

javascript - 如何使用 Bootstrap 或 CSS 将容器 div 覆盖在另一个容器上

html - 选择器中变量的 Scss 设置值会导致它更改,即使没有具有给定选择器的元素可用

javascript - 同时动画导航菜单下拉菜单

html - 我在移动 View 中所做的更改甚至适用于桌面 View 。如何避免?

javascript - Bootbox 对话框模态 Bootstrap 4

javascript - HTML移动按钮显示

c# - 有没有更好的方法来处理图像点击区域?

python - 调整 Scikit-Learn 分类器的 HOG 特征

html - 固定底部向外生长的 CSS 过渡

javascript - 如何使用 Jquery/Javascript 将我的一个文件夹中的所有图像加载到我的网页中