我有一个带有图像的盒子.在悬停/焦点时,我想要一个颜色叠加和标题淡入它.除iOS设备外,它几乎适用于所有浏览器和设备.
我正在使用两者:hover和:focus伪类来容纳各种设备,但它似乎对iOS没有帮助.鼠标悬停时没有任何反应.
这是我的代码,我也有一个功能齐全的小提琴.
* {
padding: 0;
margin: 0;
}
.my_image {
float: left;
width: 50%;
margin: 0;
padding: 0;
position: relative;
}
.my_image p {
position: absolute;
color: #fff;
display: block;
padding: 0;
margin: 0;
opacity: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Safari and Chrome */
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
}
.overlay {
top: 0;
position: absolute;
width: 100%;
height: …我编写了一个函数,它适用于大多数钩子,例如wp_head.问题是,我似乎无法获得用户的用户ID,因为他们使用wp_login作为我的钩子登录.
get_current_user_id()什么都不返回,我似乎也无法得到任何其他用户对象.实际登录是否发生在wp_login之后？因为这对我没有意义.