Backstretch via CSS
HTML
<script src="https://raw.github.com/srobbin/jquery-backstretch/master/jquery.backstretch.min.js"></script>
<div id="backstretch-overlay"></div>
<div id="backstretch-container"></div>
CSS
#backstretch-container {
position: absolute;
z-index: -2;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
#backstretch-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: -1;
background-image: repeating-linear-gradient(
0deg,
transparent,
transparent
2px, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.1) 3px
);
}
JavaScript
$('#backstretch-container').backstretch([
'http://host.ailinkedlaw.com//Common/Images/Backstretch/20181206112720590.png'
, 'http://www.wallpaperswala.com/wp-content/uploads/2013/04/big-fish-wallpapers.jpg'
], {duration: 5000, fade: 850});