پشتیبانی تمام مروگر ها از background-size:cover;

یکبار برای همیشه مشکل نمایش تصاویر خود به صورت تمام صفحه را با استفاده از این پلاگین جی کوئری رفع کنید .

پشتیبانی از IE 7.0+, Firefox 3+, Safari 3.1+, Opera 9.6+ and Google Chrome

آموزش استفاده

فرخوانی قبل از تگ </head>

<link rel="stylesheet" type="text/css" href="jquery.cover.css">
		<style>
			body {
				margin:0;
				padding:0;
	/*			position:absolute;
				background-color:#eeffee;
				top:20px;
				right:100px;
				bottom:20px;
				left:222px;*/
			}

		</style>

		<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
		<script type="text/javascript" src="jquery.cover.js"></script>
		<script type="text/javascript">
			(function($) {
				$(document).ready(function() {
					$(".myBackgroundImage").cover();
				});
			})(jQuery);
		</script>

بعد از تگ <body>

<img src="myBackground.jpg" class="myBackgroundImage">

توضیحات در کد های بالا کاملاً مشخص هست عکسی که میخواهید تمام صفحه شود را در جی کوئری مشخص میکنید و به صورت یک کلاس به تگ <img> میدهید .

پشتیبانی تمام مروگر ها از background-size:cover;

2 دیدگاه دربارهٔ «پشتیبانی تمام مروگر ها از background-size:cover;»

دیدگاه‌ خود را بنویسید لغو پاسخ