我的情况是设计说明使用两个不同的图像作为背景图像（一个用于桌面，另一个用于移动）。这些图像是通过CMS上传的，因此我可以使用PHP检索一个和其他图像的URL。
有没有办法将这些URL作为属性或任何其他方式传递给我的CSS使用？
我需要一些基于高度和宽度的媒体查询，因此使用javascript / jquery会很痛苦。
我试过了：
background-image: attr(data-desktop url);
其中data-desktop作为元素的属性并包含所需的url，但是这段代码没有运气。
任何建议或链接都会有很大帮助。
答案 0 :(得分：0)
我认为它适用于
background-image: url(attr(data-desktop));
如果您的元素具有包含背景图像网址的数据桌面属性：）
答案 1 :(得分：0)
你需要利用伪选择器之前/之后的（正确定位）来做到这一点。
首先确保它们放在这样的属性中：
<body data-portrait="<?php echo $portrait;?>" data-landscape="<?php echo $landscape; ?>">
然后在各自的查询中使用正确定位的前/后伪元素检索它们，例如
body:before {content: attr(data-desktop); //etc}