1. 求助!html在里面添加背景图片代码,显示模糊,怎么搞
HTML 中要设置背景的块大小 比如div 300px * 400px
那么背景图的最佳尺寸也是 300px 400px
然后设置background: url(imgs/your.jpg) no-repeat center center;
背景水平垂直居中,效果最佳
css样式background属性值详解
背景图无论是缩放还是扩展,都会失真变得模糊,所以尺寸最接近块的大小最好
2. css引用的图片有失真
一般情况下是不存在因为某个浏览器的原因造成的失真。如果真是,你应该产看你的原图片,是否存在格式的不正确,存png gif jpg 分别试一下。另外再审查一下css ,可以加个no-repeat 让背景图像不拉伸。
希望能帮助到你!
3. css怎么让背景图片自适应,背景不虚
用background-size属性,你想给他多大的百分比都可以,不设置表示默认图片大小,设置100%表示全屏显示图片,按比例缩小或者放大
4. CSS3模糊滤镜如何应用在背景上而不影响其中内容的显示
滤镜属性被子元素继承了,这个纯css不能解决,这玩意子继承了父的模糊根本覆盖不了:
<body>
<div id="a">id=a这层单独放:图片背景+模糊滤镜</div>
<!-- 下面id=b这个div里面才放你网页主要结构 -->
<div id="b">
<div class="horizontal-scroll-area" style="width:3000px;"></div>
<div class="horizontal-scroll-pips"></div>
</div>
</body>
然后:
----------------------------------------------------------------------
css 定位属性让 b 重叠在 a 上面合适位置
(给a、b外面再加个父级并相对定位,a、b分别绝对定位)
弄个js,判断 a、b 两个区域的高度,让矮的那个始终高度等于高的那个
(现成的js网上到处都是,自己网络)
5. css怎么让一张图片不失真的适应任何屏幕大小的电脑平铺
下面是图片不失真但不保证是否完全铺满(留有空隙或者超出屏幕)的css代码:
1、横向铺满,纵向留有空隙或超出屏幕:
body {background:url(图片路径) no-repeat center; background-size:100% auto;}
2、纵向铺满,横向留有空隙或超出屏幕:
body {background:url(图片路径) no-repeat center; background-size:auto 100%;}
补充说明:background-size属于css3,只有支持css3的浏览器才有效。
6. css怎么调背景图片透明度
只能使用css滤镜效果,但是只能IE支持此效果,其他浏览器是不支持的,建议换成PNG的透明图片,用JS来调整IE6下PNG失效的bug。
7. CSS 插入的图片很模糊 是怎么回事 急
css 文件里设置的图片宽高和你在页面中设置的图片宽高不一样造成的
8. css怎么设置背景图片自适应,背景不虚
把background-size设为100%即可自适应。
至于虚不虚,那就要看图片本身的分辨率了,一个很小的图片拉大了肯定会虚的,神仙也没办法。
9. div+css布局背景图片在火狐中不清晰是什么原因
您好,感谢您对火狐的支持
修改下:
<script type="text/javascript">
$(document).ready(function(){
// 这里写内容......
$("#test img").attr("onload","AutoResizeImage()");
});
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。