css引用的图片有失真

发布网友发布时间：2022-04-29 02:57

共5个回答

热心网友时间：2022-06-29 08:24

#header{ height:118px; background:#c60 url(header-back.jpg) center repeat;}
根据你的CSS代码，这里的repeat表示背景图片进行水平及垂直平铺。平铺不会照成图片的模糊。因为是背景图，height也不会影响到图片模糊。

有可能是你自己不小心把浏览器的显示放大了（按住了ctrl键并滑动了鼠标滚轮或者按住ctrl键并按了+键，这样都会放大浏览器显示），照成了在浏览器中观看图片比在图片查看软件中的原图片要模糊，只要调整回去即可。点击浏览器空白处，然后同时按住ctrl键和 0键（这里是零，不是o），即可恢复原状。

热心网友时间：2022-06-29 08:25

一般情况下是不存在因为某个浏览器的原因造成的失真。如果真是，你应该产看你的原图片，是否存在格式的不正确，存png gif jpg 分别试一下。另外再审查一下css ，可以加个no-repeat 让背景图像不拉伸。
希望能帮助到你！追问都试过了还是不行哦！

追答你输出的图片看起来好像是失真的（你勾画的区域要严重一点），其他的线条看起来也有点失真，我想是你用photoshop输出图片的时候是选择的质量不够好，快捷键 Ctrl+alt+shift+s 选着jpg 图像质量选高一点，估计你的这个失真就不是那么严重了。还有你要“栅格化”你的图形试试

热心网友时间：2022-06-29 08:25

img标签可以规定引入的图片大小，所以会有失真。
但是如果作为背景图片引入，那么图片是不能规定大小的，如果图片失真了，那么只能说明你的图片本身就有失真。把图片改改就好了追问朋友谢谢你的回答但你在答非所问

热心网友时间：2022-06-29 08:26

这个是浏览器支持不够好,你应该是用IE6浏览器预览的吧?用火狐浏览器查看就不会失真了!追问朋友我就是用的火狐哟，同事还用chrome，IE8测试了的都会有失真的现象

追答我怀疑是用QQ截图导致图失真的.

热心网友时间：2022-06-29 08:26

首先， center repeat改为 0px 0px no-repeat,取消平铺。
其次原图用ps修改一下高度，适合浏览器高度118px追问我的图片高度和CSS里面的高度是一致的都为118px 同时你的0px 0px no-repeat 代码我也试过了还是不行。。

追答如果还是失真，可以用PS保存为web所用格式，选择gif-32仿色，