Question

这可能真的很愚蠢和容易，但我花了两个小时试图得到它。我有一个简单的div与一个“付款”类

<div class="payment">

</div>

和css

.payment  {
  height: 289px;
  width: 320px;
  background-image: url('../images/pay/sprite_paywall.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute; }

我检查了网络上的css文件，看到那里的课程。我试图删除缓存浏览器，但没有运气。有人有想法吗？

Answer 1

尝试使用以下内容：LINK

 background: #f00 url('../images/pay/sprite_paywall.png') 0 0 no-repeat;

使用背景颜色代替背景图像。你没有指定任何左，上等..所以没有必要指定位置。

Answer 2

问题可能是将CSS文件导入到您的HTML代码中。你必须这样做（总是在标签中添加标签）。

1-使用<link>标签：

<link rel="stylesheet" href="your/css/route_file.css" />

2-使用不需要导入文件的<style>：

<style type="text/css">
    .payment  {
        height: 289px;
        width: 320px;
        background-image: url('../images/pay/sprite_paywall.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        position: absolute; 
    }
</style>

HTML类不会从CSS获得样式

2 个答案: