-1

我从这个站点下载了工具提示：http ://projects.sebastianhelzle.net/jquery.smallipop/index.html 在所有更新的浏览器中都完美加载。我的 Internet Explorer 8 有问题，只加载了第一个工具提示，其他没有。这是使用的代码：

<img src="img/fitness.png"/>
<a  href="#" class="smallipopright"
  style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height: 52px; border: 0; position: absolute; top: 269px; margin-left:-906px; z-index:1;"> 
    <span class="smallipopHint">
      <img class="floatRight inline" src="img/Body_Building.jpg" alt="Body Building" height="100" width="85"/>
          <h5>Body Building</h5>
            <p>
            L’allenamento per un corpo da urlo!
            <br>Costruite muscolo vero!
            Eliminate grasso corporeo!
            </p>
    </span>
    <script type="text/javascript">
      $('.smallipopright').smallipop({
      preferredPosition: 'right',
      theme: 'black',
      popupOffset: 10,
      invertAnimation: true,
      triggerOnClick: true
      });
    </script>
  </a>
<a  href="#" class="smallipopright" style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height: 52px; border: 0; position: absolute; top: 321px; margin-left:-906px; z-index:1;"> 
    <span class="smallipopHint" href="#">
      <img class="floatRight inline" src="" alt="" height="" width=""/>
        <h5>Fitness</h5>
          <p>
          Una verità uguale per tutti non esiste,
          <br>ad ognuno l’allenamento in base alla<br>conformazione fisica.
          <br>La connessione<br>mente-muscolo esiste davvero!
          </p>
    </span>
     <script type="text/javascript">
      $('.smallipopright').smallipop({
      preferredPosition: 'right',
      theme: 'black',
      popupOffset: 10,
      invertAnimation: true,
      triggerOnClick: true
      });
    </script>
  </a>
4

1 回答 1

0

尝试

<img src="img/fitness.png"/>
<a  href="#" class="smallipopright"
style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height:    52px; border: 0; position: absolute; top: 269px; margin-left:-906px; z-index:1;"> 
<span class="smallipopHint">
  <img class="floatRight inline" src="img/Body_Building.jpg" alt="Body Building" height="100" width="85"/>
      <h5>Body Building</h5>
        <p>
        L’allenamento per un corpo da urlo!
        <br>Costruite muscolo vero!
        Eliminate grasso corporeo!
        </p>
</span>

</a>
<a  href="#" class="smallipopright" style="filter: alpha(opacity:0); background:blue; opacity:0; width: 454px; height: 52px; border: 0; position: absolute; top: 321px; margin-left:-906px; z-index:1;"> 
<span class="smallipopHint" href="#">
  <img class="floatRight inline" src="" alt="" height="" width=""/>
    <h5>Fitness</h5>
      <p>
      Una verità uguale per tutti non esiste,
      <br>ad ognuno l’allenamento in base alla<br>conformazione fisica.
      <br>La connessione<br>mente-muscolo esiste davvero!
      </p>
</span>

</a>
<script type="text/javascript">
  $(document).ready(function () {
      $('.smallipopright').smallipop({
          preferredPosition: 'right',
          theme: 'black',
          popupOffset: 10,
          invertAnimation: true,
          triggerOnClick: true
      });
  });
</script>
于 2013-03-11T13:42:14.597 回答