Html 使用uikit的图像覆盖悬停效果

。目的地{
位置：相对位置；
}
.dest主题{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
背景：rgba（0,0,0,0.3）；
颜色：#fff；
可见性：隐藏；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.destination:悬停.dest主题{
能见度：可见；
填充：0px！重要；
}
.dest标题{
颜色：白色；
字号：18px；
转换：.1s；
变换：translateY（1em）；
}

---

在

.dest主题中设置
左：30px
，因为
.uk grid>*
类中给出了左30px填充


。目的地{
位置：相对位置；
}
.dest主题{
位置：绝对位置；
排名：0；
底部：0；
左：30px；
右：0；
背景：rgba（0,0,0,0.3）；
颜色：#fff；
可见性：隐藏；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.destination:悬停.dest主题{
能见度：可见；
填充：0px！重要；
}
.dest标题{
颜色：白色；
字号：18px；
转换：.1s；
变换：translateY（1em）；
}

.uk第一列：hover.dest主题{background:unset；}试试这个，告诉我这个是否有效！没有问题选择我的答案，如果它有帮助，那么其他人可以知道这个问题已经解决：）