...//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