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