1.样式有冲突;
2.图片可能作为背景了;
3.用img标签时,宽高属性设置的不对。
如果图片是abc.png且大小为50x50的话,改变大小应该这样写,先别用外部样式控制,测试有效了,在用外部样式:
<img src="abc.png" width="100" height="100" />
下面我说的话可能对不住你,但没有恶意。
网站基本知识还没懂,就玩仿站,做好了也是侥幸。
你没有搞明白静态页面和动态网站的区别,所以不知道样式和图片路径需要变更。用本地目录浏览和在网站环境下浏览,路径是不一样,本地路径从盘符开始,而网站环境下(包括本地环境)路径是从网站目录开始。
例如,你的图片路径是file:///D:/wamp/www/templets/dongfang/images/123.jpg,你用本地路径访问网页时可以识别,而在网站环境下需要变化,它的路径需要改为/templets/dongfang/images/123.jpg这样才能识别。也就是说,路径是基于www(网站根目录)下的文件开始的,css文件同理。
出现乱码才是编码错误,你的截图里只是css和图片的路径错误,编码没错。
在css文件中背景图片的路径也需要注意,尽量用相对路径,如果是从盘符开始的绝对路径,在网站环境下同样是不可识别的。
例
如,你的body背景图片放在和index.htm同级目录的images文件夹下,名为234.jpg,在css中代码应为
body{background:url(../images/234.jpg)},如果背景图直接放在www(网站根目录)的images文件夹
下,body代码则为 body{background:url(/images/234.jpg)},如果对绝对路径和相对路径有疑问可以百度一下。
有其他问题继续追问。
这里要么就是你的图片路径有问题,再一个可以确定的就是你这个层没有大小,当然如果你有子层让这个层的大小自适应也是可以的,不过你也要在这个层里加上overflow:hidden这样的一句代码。