Nivo Slider 使用在chrome显示正常,在IE中就出现width height不正常

donger02 2012-03-29 11:26:39
如题,如果在本地,不加载JS就正常,但不动图片,可是加了JS就变大了。贴一下代码:

<div id="templatemo_middle"> 后面这个有结束没有贴出来,

<div id="slider">
<a href="#"><img src="images/slideshow/01.jpg" alt="Image 01" title="Lorem ipsum dolor sit amet." /></a>
<a href="#"><img src="images/slideshow/02.jpg" alt="Image 02" title="Nullam ante leo, consectetur eget." /></a>
<a href="#"><img src="images/slideshow/03.jpg" alt="Image 03" title="Suspendisse sit amet enim elit." /></a>
<a href="#"><img src="images/slideshow/04.jpg" alt="Image 04" title="Nulla faucibus luctus quam eget placerat." /></a>
<a href="#"><img src="images/slideshow/05.jpg" alt="Image 05" title="Phasellus aliquet viverra posuere. " /></a>
</div>

<div id="intro">
<h2>Free CSS Template for you</h2>
<p>Etiam sapien leo, luctus non molestie eu, bibendum in dolor. Integer iaculis enim a ipsum pellentesque scelerisque tincidunt ante dictum. Maecenas id ante ut felis accumsan suscipit posuere quis augue. Vivamus eu mollis nisi.</p>
<a class="learn_more" href="#">More</a>
</div>
<div class="cleaner"></div>
</div> <!-- end of middle -->

CSS这样写的
#intro { float: left; padding: 0; width: 480px; }
#intro h2 { font-size: 30px; margin-bottom: 30px }
#intro p { font-size: 14px; letter-spacing: 1px; word-spacing: 5px; line-height: 24px; color: #333; margin-bottom: 20px }
/*#intro a.learn_more { display: block; float: right; width: 201px; height: 37px; padding: 13px 0 0 0; font-size: 18px; text-align: center; color: #666; background: url(images/templatemo_learn_more.png) no-repeat } */
#intro a.learn_more { display: block; float: right; width: 82px; height: 27px; padding: 3px 30px 0 0; font-size: 16px; text-shadow: 1px 1px 1px #90eeff; text-align: center; color: #0f606e; background: url(images/templatemo_middle_more.png) no-repeat; }
#intro a.learn_more:hover { text-decoration: none; color: #000; /* text-shadow: 1px 1px 1px #fff */}

#slider {
float: right;
width: 400px;
height: 200px;
overflow: hidden;
border: 1px solid #fff;
}

#templatemo_middle_subpage {
clear: both;
width: 960px;
height: 130px;
padding: 30px;
background: url(images/templatemo_middle.png) no-repeat bottom center
}
...全文
166 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧