1

我有一个愚蠢的小问题。似乎 CSS 背景图像属性不起作用。

  • 该图像位于背面的 DIV 容器中,我认为它可能会干扰它,但在删除它之后,它仍然无法正常工作(当前已删除)

  • 我尝试将 css 代码放在不同的类中,但仍然无法正常工作

  • 我已确保图像与 html 和 css 文件的目录相同。

HTML

<div class="detail_below">

<div class="course-downloadPF">
<a class="thickbox" href="http://www.google.com">Project Files Included</a>
</div>

<div class="course-add2PL">
<a class="thickbox" href="http://www.google.com">Add Course <br />to Playlist</a>
</div>

<div class="course-add2Favorite noMargin">
<a class="thickbox" href="http://www.google.com">Add to <br />Favorite</a>
</div>
  </div>

CSS

.course-downloadPF a,
.course-add2PL a,
.course-add2Favorite a,
.course-removeFavorite a {

    width:80px;
    height:40px;
    font-size:11px;
    color:#fff !important;
    line-height:1.1em;
    text-align:center;
    text-decoration:none;
    padding-top:40px;
    background:url (sprite-courseDetails.gif) 0 0 no-repeat;
    margin-right:10px;
    display:block;
    float:left;
    border-radius: 4px;
}


.course-add2PL a {
    background:url (sprite-courseDetails.gif) -80px 0 no-repeat;
}
.course-add2Favorite a {
    background:url (sprite-courseDetails.gif) -160px 0 no-repeat;
}
.course-removeFavorite a {
    background:url (sprite-courseDetails.gif) -240px 0 no-repeat;
}

如果有人可以看一下并给出第二个意见,那将不胜感激,因为我确信它是我忽略的一些小而愚蠢的东西。

4

6 回答 6

0
    .course-add2PL a {
        background: url('sprite-courseDetails.gif') -80px 0 no-repeat;
    }
    .course-add2Favorite a {
        background: url('sprite-courseDetails.gif') -160px 0 no-repeat;
    }
    .course-removeFavorite a {
        background: url('sprite-courseDetails.gif') -240px 0 no-repeat;
    }
于 2013-03-01T01:13:06.343 回答
0

删除url和括号之间的空格(...)

这是无效的:

.class {
    background-image: url (image.png);
}

但这是:

.course-add2PL a {
    background: url(sprite-courseDetails.gif) -80px 0 no-repeat;
}
.course-add2Favorite a {
    background: url(sprite-courseDetails.gif) -160px 0 no-repeat;
}
.course-removeFavorite a {
    background: url(sprite-courseDetails.gif) -240px 0 no-repeat;
}
于 2013-03-01T01:13:24.743 回答
0

设置背景图像,而不是背景....background-image:url('sprite-courseDetails.gif');

于 2013-03-01T01:14:43.960 回答
0

你的问题不是背景css本身。您的 CSS 文件中有解析错误,无法呈现超出该错误的所有 CSS。见第 214 行:

*letter-spacing: -0.01em; /* IE 7 and below */

星号不正确。还有其他几个解析错误需要解决。

您可能想使用http://jigsaw.w3.org/css-validator 之类的工具检查此文件

于 2013-03-01T01:17:58.003 回答
0

除非我是盲人,否则我认为您在连接到您的页面的任何 css 文件中都没有定义这些样式。我能看到的唯一 css 文件是 test.css 并且不包含这些样式。

有几种定义样式的方法,但以下应该有效

创建一个名为“whatever.css”的文件并将上述样式粘贴到其中。

然后在您的 html 头元素中添加以下内容

<link media="screen" type="text/css" href="whatever.css" rel="stylesheet">

这会将您的页面链接到样式。

对不起,如果我误解了

翅膀

于 2013-03-01T01:21:12.847 回答
0

好的,在您的 css 中,下面的样式没有右括号

.whiteCLR {
    color: #fff; /* White */

可能会有更多错误,但修复那个,然后我们会看到。

翅膀

于 2013-03-01T01:46:40.763 回答