當前位置:首頁 » 背景圖片 » css背景圖片模糊
擴展閱讀
英倫風景背景圖片 2024-10-27 08:30:43
動物和食物合體圖片搜索 2024-10-27 08:23:43
ps油漆圖片 2024-10-27 07:59:23

css背景圖片模糊

發布時間: 2022-02-09 22:11:06

Ⅰ 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>


然後:

----------------------------------------------------------------------

  1. css 定位屬性讓 b 重疊在 a 上面合適位置

    (給a、b外面再加個父級並相對定位,a、b分別絕對定位)


  2. 弄個js,判斷 a、b 兩個區域的高度,讓矮的那個始終高度等於高的那個

    (現成的js網上到處都是,自己網路)

Ⅱ div+css布局背景圖片在火狐中不清晰是什麼原因

您好,感謝您對火狐的支持

修改下:

<script type="text/javascript">
$(document).ready(function(){
// 這里寫內容......
$("#test img").attr("onload","AutoResizeImage()");
});
您可以在火狐官方網站下載火狐瀏覽器,在火狐社區了解更多內容。希望我的回答對您有所幫助,如有疑問,歡迎繼續在本平台咨詢。

Ⅲ css引用的圖片有失真

一般情況下是不存在因為某個瀏覽器的原因造成的失真。如果真是,你應該產看你的原圖片,是否存在格式的不正確,存png gif jpg 分別試一下。另外再審查一下css ,可以加個no-repeat 讓背景圖像不拉伸。
希望能幫助到你!

Ⅳ css怎麼調背景圖片透明度

只能使用css濾鏡效果,但是只能IE支持此效果,其他瀏覽器是不支持的,建議換成PNG的透明圖片,用JS來調整IE6下PNG失效的bug。

Ⅳ 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的瀏覽器才有效。

Ⅵ CSS背景圖片問題

是要實現通欄大圖的效果吧,你可以添加以下樣式即可:
.top {
width: 1920px;
height: 1000px;
position: absolute;
margin-left: -460px;
z-index: 0;
}
主要是;position: absolute;和margin-left: -960px;這兩個樣式的作用,當然其他樣式也同樣不可少。
但能讓圖片突破980px的框架顯示通欄,就是這兩個樣式的功勞了。

我這邊正好也要給我的同事培訓這方面的知識,就簡單寫了篇博客,裡面有更詳細的介紹,可以網路以下內容找到:

天貓,京東,當當等店鋪如何實現通欄大圖[xyytIT]

如果網路快照還沒收錄,可以hi我

Ⅶ html背景圖片全屏設置,但是卻有白邊,而且圖片有些模糊

1、出現白邊是因為瀏覽器的內或者外邊距默認值不為0:

你需要在head標簽里加上:
<style type="text/css">
*{margin: 0;padding: 0;}
</style>
用以重置瀏覽器的內外邊距默認值,將默認值改為0。
2、至於圖片模糊,應該是你載入的圖片解析度不夠,或者你載入圖片的元素和圖片寬高比差距較大。

Ⅷ 為什麼在css中設置了寬高縮小圖片後,圖片變得模糊

css中設置圖片寬高一定要等比縮放,並且圖片要足夠大,這樣就不會變模糊

Ⅸ 求助!html在裡面添加背景圖片代碼,顯示模糊,怎麼搞

HTML 中要設置背景的塊大小 比如div 300px * 400px

那麼背景圖的最佳尺寸也是 300px 400px

然後設置background: url(imgs/your.jpg) no-repeat center center;

背景水平垂直居中,效果最佳

css樣式background屬性值詳解

背景圖無論是縮放還是擴展,都會失真變得模糊,所以尺寸最接近塊的大小最好

Ⅹ CSS 插入的圖片很模糊 是怎麼回事 急

css 文件里設置的圖片寬高和你在頁面中設置的圖片寬高不一樣造成的