ie11浏览器和chrome浏览器对于bgsound和background的一些区别

今天在编写一个非常简单的网页的时候,按照书上写的,使用了一个jpg图片作为背景图片,用background属性放在<body>标签内,同时使用<bgsound>标签插入背景音乐。代码如下:

 1 <html>
 2 <head>
 3     <title>QQ空间开场音乐</title>
 4 </head>
 5 <body background="123.jpg">
 6     <bgsound src="1.mp3" loop="true">
 7     <center>
 8             <embed src="4.swf"></embed>
 9     </center>
10 
11 </body>
12 </html>

然后放到浏览器中检查。但是我发现在IE11浏览器中,背景音乐可以播放,但是背景图片无法显示,而在chrome中,背景图片可以显示,却没有背景音乐。接下来我搜索一下,发现是因为Google chrome不支持<bgsound>,解决方案是换用<embed>标签。如下<embed src="1.mp3" autostart="true" loop="true" hidden="true">。但是chrome对这个标签的支持也不好,无法识别循环播放的指令。但是这样也凑合,否则如果真的要实现还需要用HTML5的<audio>标签。鉴于IE浏览器受系统版本的限制,并不是所有用户都升级到了win8.1或win10,所以可能他们的浏览器不能很好支持HTML5。

下一个问题就是ie浏览器显示不了我的背景图片的问题了。搜索了好久也没什么结果,后来我想试试是不是“不能用相对路径,只能用绝对路径”的原因。于是我在IE浏览器中打开那个JPG图片。顿时我就明白了,JPG图片无法在IE11中被读取,在IE11中它是一个不能读取的东西。于是我在源码中把图片更改为拓展名是png的图片,再一试果然成功了。

以上表明:

1、google chrome不支持bgsound标签,但支持JPG格式的图片显示

2、IE11浏览器不支持JPG格式的图片显示,但支持bgsound标签。

鉴于国内不少用户使用IE浏览器,所以以后要注意尽量按照IE浏览器的格式来编写网页。

原文地址:https://www.cnblogs.com/yychnbt/p/4966416.html