Amp html 如何使AMP Cookie对话框工作？

我想在我的静态AMP网站上实现cookie许可。到目前为止，

amp story同意书

似乎不适合这种情况（cookie同意书没有页面或书尾，如果您知道解决方案，请插手）。我正试图按照下面的示例实现我自己的模态对话框

{
“同意书”：{
“我的同意”：{
“检查同意”：https://amp.dev/documentation/examples/api/get-consent",
“提示用户界面”：“cookie同意用户界面”
}
}
}
饼干同意书

Lorem ipsum dolor sit amet，饼干列表



...


接受
拒绝

相关样式：

#模态叠加{
宽度：100%；
身高：100%；
z-index:1002；/*将模式覆盖放置在主页和模式对话框之间*/
背景色：#000；
不透明度：0.5；
位置：固定；
排名：0；
左：0；
保证金：0；
填充：0；
}
#cookie许可用户界面{
左边距：自动；
右边距：自动；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
z-index:1003；/*将模态对话框置于其他所有对话框之上*/
位置：固定；
}
#cookie许可ui h2{
文本对齐：居中；
}

我正处于显示对话框的阶段。我的问题是： 1.

modal overlay

获得一个

hidden

属性（我从一些AMP逻辑中猜出来），因此它不会覆盖模态对话框的周围作为背景。 2.如果我手动显示它（删除调试器中的

隐藏的

），我仍然可以将对话框的焦点切换到背景元素。

tabindex=-1

应该阻止这种情况，但不起作用

---

那么我怎样才能用对话来做背景秀呢？否则，一旦用户接受或拒绝同意，这似乎就起作用了：我在相关的

amp

元素中添加了

同意数据块

，对话框不再显示。我是否应该尝试使用

amp用户通知

和

amp同意

的组合？

我最终使用

amp lightbox

为模式对话框投射背景。我希望在一些例子中立即提到这一点。我以这种方式将模式对话框和背景标签嵌入到一个

amp lightbox

中：

这里是我自己的网站供参考：
我最终使用了
amp lightbox
为模态对话框投射背景。我希望在一些例子中立即提到这一点。我以这种方式将模式对话框和背景标签嵌入到一个
amp lightbox
中：


这里是我自己的网站供参考：

<script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>