今天在编写一个非常简单的网页的时候，按照书上写的，使用了一个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浏览器的格式来编写网页。
时间： 2024-12-13 23:44:02