CSS变量与:active数据上报实例页面

回到相关文章 »

效果：

代码：

CSS代码：

.report:active::after {
    content: var(--report);
    display: inline-block;
    position: absolute;
}

HTML代码：

<button class="report" style="--report:url(./pixel.gif?action=click&id=button1)">按钮1</button>
<button class="report" style="--report:url(./pixel.gif?action=click&id=button2)">按钮2</button>