Html Css3转换在ios上不起作用
在PC和android设备上是我的过渡代码,但在iOS设备上则不起作用。Im只使用html和cssHtml Css3转换在ios上不起作用,html,ios,css,Html,Ios,Css,在PC和android设备上是我的过渡代码,但在iOS设备上则不起作用。Im只使用html和css /***** BOX 3 *****/ #box3 { height:240px; width:198px; border:1px solid #dedede; background-color:#fcfcfc; position:relative; overflow:hidden; float:left; margin-right:23px; margin-bottom:23px; opacit
/***** BOX 3 *****/
#box3 {
height:240px;
width:198px;
border:1px solid #dedede;
background-color:#fcfcfc;
position:relative;
overflow:hidden;
float:left;
margin-right:23px;
margin-bottom:23px;
opacity:1;
-webkit-transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
-ms-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
#box3:hover {
-webkit-box-shadow: 0 0 3px #999;
-moz-box-shadow: 0 0 3px #999;
box-shadow: 0 0 3px #999;
}
#box3 .bgbox3 {
background:url(images/top-seller-3.jpg) 50% 10% no-repeat;
position:absolute;
height:240px;
width:198px;
opacity:1;
-webkit-transition: all .2s ease-out-in;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#box3:hover .bgbox3 {
opacity:0.3;
}
#box3 a, #box3 a:hover {
text-decoration: none;
}
.imagebox3 {
background: url(images/bestellen.jpg);
background-repeat:no-repeat;
position:absolute;
height:40px;
width:40px;
opacity:0;
margin-top:80px;
margin-left:10px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
#box3:hover .imagebox3 {
opacity:1;
-webkit-transform:translate(45px ,0);
transform:translate(45px ,0);
}
非常感谢
关于帖木儿要快速修复,请尝试使用
:active
选择器和:focus
最可靠的方法是将这些属性放入并去掉CSS部分:
Ontouchstart
是onmousedown的官方iOS/Android/webkit版本。实际上,当有人触摸屏幕时,它会立即触发,而鼠标事件具有长按检测延迟
另外,您可以直接设置this.style.boxShadow
,但根据经验,当以编程方式设置时,阴影不喜欢渲染,因此从头设置属性会强制重新绘制
希望这有帮助 添加你的html,这样我们就可以看到它被应用于什么。还可以尝试在上重新创建您的问题。如何在触摸设备上悬停?
:您好,我的英语不太好。我现在已经输入了我的代码来摆弄。你能帮我输入代码吗?