# 图片上出现黑条

**URL:** <https://meta.discourse.org/t/black-bar-appearing-on-images/81608>\
**Category:** UX\
**Created:** [2018 年2 月 26 日 22:46 UTC](https://meta.discourse.org/t/black-bar-appearing-on-images/81608 "2018-02-26T22:46:06Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

作者： ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)\
发布日期： [2018 年2 月 28 日 08:02 UTC](https://meta.discourse.org/t/black-bar-appearing-on-images/81608/11 "2018-02-28T08:02:26Z")

</div>

Would having the metadata bar “attached” to the bottom of the photo be a decent solution? This could be done across both desktop and mobile for consistency without any drawback that I can think of. It would eliminate any obscuring of the photo, which seems ideal. The space of the bar can be set without actually displaying, and then on hover of the photo, the metadata bar fades in, indicating the ability to maximize and providing some info on the photo.

Edit: The CSS below does what I was thinking about. After seeing it, though, the extra space below the image when it’s not hovered over might not be desirable.

```plaintext
.lightbox img {
   margin-bottom: 30px;
}

```

---

_[View the full topic](https://meta.discourse.org/t/black-bar-appearing-on-images/81608)._