跳到主要內容
  • 字級
:::|
現在位置:

1.1:CS1010100 尺寸小於10像素見方的圖片,均僅以CSS來置入

檢測碼

CS1010100

訊息

尺寸小於10像素見方的圖片,均僅以CSS來置入

英文訊息

C9: Using CSS to include decorative images

檢測規則

if 圖片小於10像素見方則需要使用CSS控制尺寸,通過檢測,否則檢測失敗。

規則說明

若CSS控制區塊內存在image且有控制該圖片之屬性,則通過檢測。

原始碼範例

<style type="text/css">

    div#theComments { width:600px; }

    div.aComment { background: url('images/middle.gif') repeat-y left top;

    margin:0 0 30px 0; }

    div.aComment blockquote { background: url('…

  <style type="text/css">

    div#theComments { width:600px; }

    div.aComment { background: url('images/middle.gif') repeat-y left top;

    margin:0 0 30px 0; }

    div.aComment blockquote { background: url('images/top.gif') no-repeat left top;

    margin:0; padding:8px 16px; }

    div.aComment div.submitter { background:#fff url('images/bottom.gif') no-repeat left top;

    margin:0; padding-top:30px; }

  </style>

</head>

<body>

  <div id="theComments">

    <div class="aComment">

      <blockquote>

        <p>Hi John, I really like this technique and I'm gonna use it on my own Website!</p>

      </blockquote>

      <div class="submitter">

        <cite><a href="http://example.com/">anonymous coward</a> from Elbonia</cite>

      </div>

    </div>

    <div class="aComment">

 </div>

</div>

images/top.gif') no-repeat left top;

    margin:0; padding:8px 16px; }

    div.aComment div.submitter { background:#fff url('images/bottom.gif') no-repeat left top;

    margin:0; padding-top:30px; }

  </style>

說明

如機器無法判斷,僅能以人工進行檢測