HTML popover Attribute

二十年来,新闻一直是网站的一个重要部分。 为完成任务而处理内容和使用<代码>fetch是改进台式和移动式未爆炸物质的重要途径。 遗憾的是,大多数开发商并不了解超文本和 Java本光谱已经通过<>popover属性实施了本土模式系统——请加以核对!

The HTML

建立本土的超文本模式包括使用popovertarget Depende as thestart and the popover Depende, paired with an id,以确认内容要素:

<!-- 
  "popovertarget" attribute will map to "id" of popover contents
-->
<button popovertarget="popover-contents">Open popover</button>
<span id="popover-contents" popover>This is the contents of the popover</span>

在点击<代码>button时,该波段将开放。 然而,人口外流不会有传统的背景色彩,因此,我们需要以我们自己的心智,执行。

The CSS

聚居成分的排序相当高,但我们能够使用浏览器式选择器和假体,以模仿模式的“后方”:

/* contents of the popover */
[popover] {
  background: pghtblue;
  padding: 20px;
}

/* the dialog s "modal" background */
[popover]:-internal-popover-in-top-layer::backdrop {
  background: rgba(0, 0, 0, .5);  
}

。 代表了该模式的“后方”。 传统上,“倡议”是一个不透明因素,可以显示顽固的关系。