Javascript随机图像在IE中不工作,在Chrome和IE中添加边框

Javascript随机图像在IE中不工作,在Chrome和IE中添加边框,javascript,image,internet-explorer,border,image-rotation,Javascript,Image,Internet Explorer,Border,Image Rotation,我对编码很陌生,所以请容忍我。我非常愿意回答任何问题或澄清任何我不清楚的地方。我有这段代码,它在firefox中显示得很漂亮,但它在IE和Chrome中为我的图像div添加了一个边框。我试图覆盖用户代理样式表(当我用firebug检查页面时,很明显,这就是边框的来源),但我所做的一切都没有改变IE和chrome中显示的边框。还有其他人有这个问题吗?我发现了一些与此相关的帖子,但不可避免的是,海报会回应“我找到了答案”,然后就没有发布他们的解决方案 我在站点底部还有一个div,它通过一个图像列表在

我对编码很陌生,所以请容忍我。我非常愿意回答任何问题或澄清任何我不清楚的地方。我有这段代码,它在firefox中显示得很漂亮,但它在IE和Chrome中为我的图像div添加了一个边框。我试图覆盖用户代理样式表(当我用firebug检查页面时,很明显,这就是边框的来源),但我所做的一切都没有改变IE和chrome中显示的边框。还有其他人有这个问题吗?我发现了一些与此相关的帖子,但不可避免的是,海报会回应“我找到了答案”,然后就没有发布他们的解决方案

我在站点底部还有一个div,它通过一个图像列表在页面刷新时旋转图像。在IE中,不是每次刷新页面时都显示一个新图像,而是页面显示一个静态图像(我的图像列表中的数字3)。我在互联网上搜索了一些原因,认为这在IE中不起作用,但我似乎找不到比我目前使用的javascript更兼容IE的代码。静态图像问题是一个重要的问题,因为我在站点上有另一个javascript元素,它也没有在IE中显示,来自同一个源,所以我想如果有人帮助我修复第一个,我可以自己修复第二个

<script language="javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<IMG name=randimg  CLASS='aligncenter1'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter2'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter3'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter4'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter5'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter6'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter7'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter8'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter9'>"
b[n++]= "<IMG name=randimg  CLASS='aligncenter10'>"
i=Math.floor(Math.random() * n) ; 
document.write( b[i] ) 
</script>

任何帮助都将不胜感激!如果我没有在这里发布足够的代码,请告诉我。

如果图像被写入
a
元素,您可以通过设置
outline:none来去除边框用于图像。但是,我不知道“静态而不是旋转”是什么意思,在你的代码片段中没有任何“旋转”的意思。

顶部的代码块导致我的图像在页面刷新时旋转(不是旋转角度,而是旋转到集合中的下一个图像。不幸的是,图像没有写入元素中。不,我理解“旋转”:。可能是因为你为他们设置了随机源…好吧,我在其他地方发布了这个,并得到了一个新代码的响应,修复了边界问题:
I=Math.floor(1+Math.random()*9);if(I<10){I=“0”+I}document.write(“”)
解决了边界问题!透明.pngs和使用css调整图像大小是一个错误。但是,使用这段新代码,IE中完全没有显示图像旋转的位置。
    img.aligncenter1 { 
background: url(images/bottom01.png) no-repeat; 
width:662px;
height:395px;
display: block;
border:none; 
clear: both;
z-index:100;
margin-top:-35px;
}