1

为什么这个内联 CSS 可以正常工作。

<a href="error.php" class="reportBug"
style="display:scroll ;position:fixed; bottom:210px; right:2px;"> 
    <img src="images/Report_Error.png" border="0">
</a>

但是当我将 CSS 放入<head>.

<head>
  <style type="text/css">
    #reportBug {
      display:scroll;
      position:fixed;
      bottom:210px
      right:2px;
    }
  </style>
</head>

<body>
  <a href="error.php" class="reportBug"> 
    <img src="images/Report_Error.png" border="0">
  </a>
</body>

两者有什么区别，为什么第二种方式不起作用？

4

4 回答 4

5

将元素分配给类时，您使用.符号。ID 使用#.

<style type="text/css">
 #reportBug {
   display:scroll;
   position:fixed;
   bottom:210px
   right:2px;
 }
</style>

应该

<style type="text/css">
 .reportBug {
   display:scroll;
   position:fixed;
   bottom:210px
   right:2px;
 }
</style>
于 2012-06-06T00:43:59.390 回答
1

你需要reportBug像这样引用一个类：

.reportBug {
 display:scroll;
 position:fixed;
 bottom:210px
 right:2px;
}
于 2012-06-06T00:44:41.123 回答
1

在您的样式表中，您使用了#reportBug. 那是为了id="reportBug"，不是class="reportBug"。

于 2012-06-06T00:44:48.063 回答
1

此外，我认为您在 class 的声明中遗漏了一些东西，reportBug最后bottom需要 the ;，否则right: 2px;将被忽略。

 .reportBug {
   display:scroll;
   position:fixed;
   bottom:210px;
   right:2px;
 }
于 2012-06-06T01:46:21.730 回答