我認爲這個問題是display:table
,它應該是display:block
給一個嘗試用下面的更新CSS
span.text-content {
background: rgba(26,33,43,0.9);
color: white;
cursor: pointer;
/* display: table; updated to display:block below */
display:block;
left: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
font-size: 20px;
font-family: Roboto;
line-height: 24px;
font-weight: 200;
text-align: center;
box-sizing: border-box;
padding-right: 25px;
padding-left: 25px;
padding-top: 25px;
padding-bottom: 25px;
box-sizing: border-box;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
非常感謝。我改變了這一點,但不幸的是,它不起作用。 – Ira
我檢查了你的網站,它似乎工作正常。請仔細檢查您的網站 –
FF和Chrome都可以正常工作,請告訴我您正在檢查哪個瀏覽器 –