0

尝试在此站点上使用以下 CSS 在悬停时显示 H3 :

 a > h3 {
 min-width: 100% !important;
 min-height: 100px;
 max-height: 100px;
 display: block;
 position: absolute;
 bottom: -80px;
 color: #FFF;
 padding: 25px 5px;
 box-sizing: border-box;
 -webkit-transition: all 300ms ease-in;
 -moz-transition: all 300ms ease-in;
 -ms-transition: all 300ms ease-in;
 -o-transition: all 300ms ease-in;
 transition: all 300ms ease-in;

 a:hover > h3 {
 bottom: 0;
 }

出于某种原因,这在 Firefox 中的呈现方式与在 Chrome 和 Safari 中的呈现方式不同。看起来是底部属性的问题。

4

1 回答 1

0

出于某种原因,Safari 将“最小宽度”计算为 250 像素,将 Firefox 计算为 100%!

所以盒子布局在 safari (ok) 中是 250x100,但在 Firefox 中是 240x50。这可能是问题所在。100% 来自哪里(可能在同位素的 js 文件中的某个地方?)

于 2013-04-03T22:34:18.663 回答