-1

jQueryを使用したWebページがあります。iPad / iPhone で開くと、ホバー動作を設定すると、ハイパーリンクが期待どおりに機能しません。

私はインターネット上で多くのウェブサイトを閲覧してこれを理解しようとしましたが、特定の解決策を見つけることができませんでした. 何が起こっているのか理解できないのかもしれません。いくつかの手がかりと解決策をいただければ幸いです。

ホバーを設定するコードは次のとおりです。

.box:hover .box_details .description2 {
  height: auto !important;
  display: block
}

.box .social {
  width: 150px ;
  position: absolute;
  z-index: 99 ;
  margin: 0 auto;
  margin-left: 50%;
  left: -75px;
  text-align: center
}

.box:hover .social ul {
  margin-top: 10px;
  -webkit-transition: margin-top linear 0.5s ;
  transition: margin-top linear 0.5s ;
}

.box .social ul {
  width: 100% ;
  float: left ;
  margin-top: -50px ;
}

.box .social ul li {
  float: left;
  list-style: none;
  margin: 1% 1% 0 1%;
  line-height: 20px;
  width: 22%
}

.box .social ul li img {
  width: 100% !important;
  position: relative
}

私を助けてください。ありがとう！

4

4 に答える 4

0

モバイル用のサイト (Iphone や Ipad などのデバイスで使用される) では、ホバー効果は (タッチのため) 不要であり、効果はありません。

疑似クラスのみを使用することをお勧めし:activeます。

于 2013-08-02T10:42:19.107 に答える
0

iOS では、ホバー イベントはすべてクリック イベントとして扱われます。したがって、リンクに :hover スタイルがある場合、ユーザーはリンクを 2 回クリックする必要があります。これは、iOS のホバー/ダブルタップの問題に関する記事です。

于 2013-08-02T10:35:18.023 に答える