javascript - still image overlapping jquery image slideshow -
On my home page, I'm trying to get an image (logo) to overlap my jquery slideshow. The top of the slideshow is a div with a search bar, the logo should be located at the top of the divis and overlap on the slideshow. I have tried everything is appreciated, thank you, thank you!
& lt; Div class = "container" & gt; & Lt; Div class = "logo" & gt; & Lt; Img src = "img / logo.jpg" /> & Lt; / Div & gt; & Lt; Div class = "topbanner" & gt; & Lt; Form method = "get" action = "/ search" id = "search" & gt; & Lt; Input name = "searchbar" type = "text" size = "30" placeholder = "search ..." /> & Lt; / Form & gt; & Lt; / Div & gt; & Lt; Div id = "slide" & gt; & Lt; Img src = "img / header1.jpg" & gt; & Lt; Img src = "img / header1.jpg" & gt; & Lt; / Div & gt; & Lt; Script src = "http://code.jquery.com/jquery-1.9.1.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / jquery.slides.min.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; $ (Function () {$ ('# slides') Slugs ({width: 960, height: 350, game: {active: true, interval: 4000, swap: true}})}}; & lt; / script By default, the element that comes down the page in your code, by default The element will overlap the elements ahead To change it above the page, you should provide a CSS status attribute on a container and set the stacking order to z-index For example: . Container {status: relative;} .logo {z-index: 10;} #slides {z-index: 1;} This must start at least with the correct overlapping order.
Comments
Post a Comment