我在ASP.NET（razor）页面中有一个“动态样式”（不要问为什么，就像这样）
<div class="myClass" style="background-image: url('@myUrl');">
一切都像魅力一样。但是现在我需要将网址放在“.myClass：before”中（通过myClass:before{height:100px; position: absolute; background-image:url('@myUrl'); z-index:-1;}裁剪背景图像高度）。
此修改只能在CSS中完成，但@myUrl是一个动态值......我们还没有动态CSS ...作为quickfix怎么办？
答案 0 :(得分：4)
对background-image伪元素的:before使用div关键字，因此它会自动继承为background-size: 0 0定义的背景。
同时为div设置一个div {
background-size: 0 0;
}
div:before {
content: "";
display: block;
background-image: inherit;
background-size: <your size here>;
position: absolute;
...
}
，这样图像就不会被隐藏两次了。
GtkWindow#window {
background-image: url("Glade Prototype/background.png");
}