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()");
});
您可以在火狐官方網站下載火狐瀏覽器,在火狐社區了解更多內容。希望我的回答對您有所幫助,如有疑問,歡迎繼續在本平台咨詢。