<!-- Generated by SpecStory -->

# Blurhash Positioning Issue (2025-05-25 21:28:54)

_**User**_

这个 blurhash 的位置不对，和实际图片的区域没有重叠

---

_**Assistant**_

我看到问题了。当前的 Blurhash 组件使用了固定的 `width` 和 `height` 属性，但这些属性是用于 Blurhash 内部渲染的，而不是用于控制 DOM 元素的尺寸。实际的 DOM 尺寸应该通过 CSS 类来控制，让它与图片区域完全重叠。

让我修复这个问题：

---



---

我已经修复了 Blurhash 的位置问题：

1. **将 `width` 和 `height` 改为 `"100%"`**：这样 Blurhash 会自动适应父容器的尺寸
2. **添加了 `object-contain` 类**：确保 Blurhash 的显示方式与图片保持一致

现在 Blurhash 背景会正确地覆盖整个图片区域，与缩略图和高清图片完全重叠，提供更好的加载体验。

---

