小编moo*_*gal的帖子

我正在为客户开发应用程序,该客户端将拥有SSL证书并在https下提供服务.但是,要与现有网站集成,他们希望在iframe中提供导航.

我可以看到这会造成麻烦,因为我希望浏览器抱怨页面上安全和不安全内容的混合.我在这里看过类似的问题,他们似乎都反过来引用了这一点(iframe中的安全内容).

那么我想知道的是:它会导致问题是将不安全的内容包含在iframe中,放在安全页面上,如果是这样,它们会出现什么样的问题？

理想情况下,如果这不是一个好主意(我有一种强烈的感觉,它不是)我需要能够向客户解释这一点.

我想为支持悬停的浏览器(例如桌面浏览器)和不支持悬停的浏览器(例如触摸屏设备)提供单独的行为.具体来说,我想在支持它的浏览器上声明悬停状态,但不支持那些不支持浏览器的浏览器,以避免移动浏览器使用额外的点击模拟它,因为这会打破页面上的其他交互 - 通过不定义悬停这些浏览器的状态可以避免.

我已经阅读了" 交互媒体查询"功能,看起来它应该可以解决问题.我可以做类似的事情:

@media (hover: none) {
  /* behaviour for touch browsers */
}

根据CanIUse,除了IE11和Firefox之外,它还支持我需要支持的所有浏览器.

所以我想知道我是否可以反过来做 - 因为主要的触控设备都支持它,然后否定它:

@media not (hover: none) {
  /* behaviour for desktop browsers */
}

但是,这似乎根本不起作用.

我正在尝试做的伪代码示例:

.myelement {
  /* some styling */
  /* note: no hover state here */
}
@media(this device supports hover) {
  .myelement:hover {
    /* more styling */
  }
}

那么,有没有办法让这项工作按照预期的方式进行,或者我是否走错了轨道？