搜尋 754 結果：
IOS 的 Mobile Device, 若是有 Hover 屬性, click event 會有問題. 會造第一個 click 觸發 hover 效果, 第二次才會觸發 click 的 event.
目前我在 RWD 的頁面中，判斷寬度，決定是否要把 Hover 的 class 拿掉..
http://stackoverflow.com/questions/2754546/can-i-disable-a-css-hover-effect-via-javascript
突然想到, 好像要拿 ipad 來試一下..
目前我在 RWD 的頁面中，判斷寬度，決定是否要把 Hover 的 class 拿掉..
http://stackoverflow.com/questions/2754546/can-i-disable-a-css-hover-effect-via-javascript
突然想到, 好像要拿 ipad 來試一下..
Bike, 2015/5/22 下午 05:21:47
HTML:
CSS:
CSS:
display: inline-block;
width: 160px;
}
.bbb li div{
width: 150px;
padding: 5px;
background: #ececec;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.bbb li img{
width: 150px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
Safari OUTPUT:
aaa:
bbb:
<ul class="aaa">
<li><img src="http://placehold.it/150x150" /></li>
</ul>
<ul class="bbb">
<li><div><img src="http://placehold.it/150x150" /></div></li>
</ul>
CSS:
.aaa li{
display: inline-block;
width: 160px;
}
.aaa li img{
width: 150px;
border: 5px solid #ececec;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
CSS:
.bbb li{display: inline-block;
width: 160px;
}
.bbb li div{
width: 150px;
padding: 5px;
background: #ececec;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.bbb li img{
width: 150px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
Safari OUTPUT:
aaa:
bbb:
nelson, 2014/11/10 下午 03:48:03