程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> 圖片自適應-div內的背景圖片如何才能充滿?

圖片自適應-div內的背景圖片如何才能充滿?

編輯:編程解疑
div內的背景圖片如何才能充滿?
 ...//CSS
.myDiv{width:100%;height:100%;}
...
<div class="myDiv"></div>

//jQuery

 $(".myDiv").css({"background":"url(bg.jpg) no-repeat","background-size":"auto"}); 

出來的效果不好,原因是兩邊上有縫隙,而且也不想用平鋪(repeat),因為試過了太丑了。
我的分辨率是1920*1080
怎樣才能正好的充滿這個div,再說了浏覽器也可以resize的,分辨率也可以調節的,如何中能保證始終是充滿狀態?

//有一種方法,那就是把背景提取出來為一個,然後設置寬高為100%,但這樣的話別人就可以右鍵復制圖片了,不想這樣。將背景圖片設為自適應div的有啥解決辦法嗎?

近一步測試發現,是我分辨率太大了!如果采用低一點的正好,效果很不錯。
所以我想到了,如果不好拉伸解決的話,那我就采用更大的圖片,比如5000*2500之類的大圖,就能完美了,可是這樣的圖一般都好大的哦~

最佳回答:


http://bbs.csdn.net/topics/330074499

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved