相关疑难解决方法(0)

大多数时候我并不担心它,但我有一个图像轮播,如果我快速点击下一个和上一个div,它们将在Chrome中突出显示.

我尝试使用outline:none但没有效果.那里有解决方案吗？

为了遵循最佳实践,我们尝试根据您使用的设备使用正确的JavaScript/jQuery事件.例如,我们正在构建一个移动网站,其中包含一个带有onclick或touch事件的标记.对于iPhone,我们想使用"touchstart"活动.在将该处理程序绑定到对象之前,我们想测试他们的设备是否支持"touchstart".如果没有,那么我们将绑定"onclick".

做这个的最好方式是什么？

我正在使用CSS3悬停和过渡来显示和隐藏图像.在移动设备上,我想对触摸事件使用相同的过渡.

基本上,第一次触摸将执行悬停效果或翻转,并且触摸将执行滚动.

我想远离使用JavaScript来做到这一点.如果有办法用纯CSS3做这将是最好的选择.

我创建了一个盒子,当它盘旋时会逐渐消失.这都是使用CSS3完成的.但是,我意识到的一个问题是,悬停在移动浏览器中不起作用.有没有办法以某种方式使这项工作移动或我不得不求助于使用某种JS？

编辑:为了澄清,我只是想能够点击框并让描述显示.我在其他网站上看过.这通常是怎么做的？:)

JS小提琴:http://jsfiddle.net/ygShH/4/

HTML

<article class="project">
     <div class="project-mask">
          <div class="thumbnail">
               <img src="http://dummyimage.com/292x292/000/fff" alt="desc" height="260" width="260">
               <div class="description">
                    <hgroup>
                         <h2>Title</h2>
                         <h3>Web</h3>
                    </hgroup>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                    <span>
                         <a href="http://site.com" target="_blank">Visit website</a>                                <a href="/view-project">View project</a>
                    </span>
               </div>
          </div>
     </div>
</article> …

我正在开发一个CSS框架,它尽可能地依赖于简单,最小和纯CSS.我想要的是在悬停时打开下拉菜单等特定内容,但我不确定如何在移动设备上仅使用CSS实现此功能.

之前检查过这个答案后,我确认了我部分知道的事实:某些移动浏览器和设备:hover在点击元素时会使用伪类,这样我就可以按照我想要的方式打开下拉列表.其他人说也:active有效.

我在一个规则中使用这两个规则,以及尽可能多:focus地覆盖环境和案例,但我不确定这将在许多设备上运行良好.所以我的问题是:

• 有没有办法确保基于悬停的下拉组件可以跨设备工作？
• 我可以使用的伪类或属性可能是浏览器特定的或类似的东西,以确保大多数设备都被覆盖？
• 是否有关于触摸屏,移动设备或移动浏览器行为的文档以及它们如何处理悬停事件？