我的显示器怎么显示不了网页的背景图片呢?
解决时间 2021-04-24 17:49
- 提问者网友:练爱
- 2021-04-23 18:31
并且打开网页,有的时候按钮都看不到~ 比如说是163邮箱里的登录按钮都看不到,进入QQ空间看不到QQ空间的背景图片
在开始——控制面板——辅助功能选项——显示里的高对度并没有打勾勾。这个问题已经困扰我很长时间了,本来就想这么用下去了,可是今天做网页的时候,预览不到效果,真是急人,请哪位高手帮帮忙~
最佳答案
- 五星知识达人网友:七十二街
- 2021-04-23 19:39
唉,我也是的.
不过后来别人告诉我.
下载个"世界之窗"浏览器.我下载安装后,就可以了.
官网是
http://www.ioage.com/tw/
全部回答
- 1楼网友:风格不统一
- 2021-04-23 22:55
工具---INTERNET选项 ---高级---------图中的选项勾上就行了,重新启动浏览器啊。不知道可不可以!
- 2楼网友:刀戟声无边
- 2021-04-23 21:39
ie/属性
高级
多媒体
--显示图片
1 . 第一次方法:
我第一个想法是需要使用一个 css 背景图,如果这张图够大,就能填充整个屏幕。当浏览器窗口大小没有图片大时,它将自动隐藏多余的部分。
<head>
....
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("img.source-image").hide();
var $source = $("img.source-image").attr("src");
$('#page-body').css({
'backgroundImage': 'url(' + $source +')',
'backgroundRepeat': 'no-repeat',
'backgroundPosition': 'top center'
});
});
</script>
</head>
<body id="page-body">
<img class="source-image" src="images/image.jpg" />
</body>
上面的这些代码能够自动隐藏超出浏览器窗口部分的图片(image.jpg)多余部分,不会使浏览器产生滚动条。
这是第一次试验的效果
2 . 第二次方法:
第一次试验的效果并没有达到要求,并不是真的使得背景图片适应窗口大小,应该使用设置“宽度”和“高度”属性来控制图片的大小,如果我们能够得到浏览器窗口显示像素,就可以利用这个数字来控制图片大小,同时保持比例。
使用 jquery 和 dimensions plugin 可以获得这些参数。
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.dimensions.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var $winwidth = $(window).width();
$("img.source-image").attr({
width: $winwidth
});
$(window).bind("resize", function(){
var $winwidth = $(window).width();
$("img.source-image").attr({
width: $winwidth
});
});
});
</script>
为了让这张图片更像一个背景图像,我们设置:
img.source-image {
position: absolute;
top: 0;
left: 0;
}
因为因为背景图片加上了定位代码,那要加在背景图片上任何东西都需要定位,如果您的背景图像是竖条状的(特别的高),而你的浏览窗口特别的宽,很容易造成背景图片高度超过您的浏览器窗口的高度,为了防止这种情况,需要设定对超出的部分进行隐藏:
body {
overflow: hidden;
}
3 . 第三次方法(最好的):
Stu Nicholls version给出了最好的方法,这处理方式不需要任何的 JavaScript 就能完美的达到目的。
#img.source-image {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
在 css 里直接设定背景图片宽度的百分比,这是这个方法的效果。这个方法是最好的,而且不需要任何的 JavaScript 。
- 4楼网友:何以畏孤独
- 2021-04-23 20:15
你说的是网页制作时看不到背景么?你 那图片改名为英文,因为在建网站的时候不能是中文字符,然后重新改下路径就OK
我要举报
大家都在看
推荐资讯