ie8中的错误javascript

时间:2013-03-11 13:11:28

标签: javascript html internet-explorer-8

我从此网站下载了工具提示: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>

1 个答案:

答案 0 :(得分: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>