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>

2 つの違いは何ですか? また、2 番目の方法が機能しないのはなぜですか?

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その上、クラスの宣言に何かが欠けていると思います。最後にbottomが必要です。それ以外の場合は無視されます。;right: 2px;

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

スタイルシートでは、 を使用し#reportBugました。それは のためid="reportBug"であり、 ではありませんclass="reportBug"。

于 2012-06-06T00:44:48.063 に答える
1

reportBug次のようなクラスとして参照する必要があります。

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