Images won't display through CSS -


if try set background image using css, flat out not load. if use same path in html, will. making slider of these images, hence need work css. i've browsed every answer on internet similar problems , nothing works.

relevant html:

                <div class="slider-container">                     <div class="slider5"></div>                     <div class="slider4"></div>                     <div class="slider3"></div>                     <div class="slider2"></div>                     <div class="slider1"></div>                 </div>

css:

.slider-container { overflow: hidden; width: 100%; height: auto;

}

.slider1, .slider2, .slider3, .slider4, .slider5 { width: 100%; height: auto; position: static; top: 0px; cursor: pointer; transition: 0s linear; -webkit-transition: 0s linear; -moz-transition: 0s linear; -o-transition: 0s linear;

}

.slider1 { background: url(../images/jbscomicback.jpg) no-repeat; display:block; animation: cycle 25s linear infinite; -webkit-animation: cycle 25s linear infinite; -o-animation: cycle 25s linear infinite; -moz-animation: cycle 25s linear infinite;

}

^repeated each .slider(number)

set height

updated css

.slider-container { overflow: hidden; width: 100%; height: auto;} .slider1, .slider2, .slider3, .slider4, .slider5 { width: 100%; height: 400px; /*------------height-----------*/ position: static; top: 0px; cursor: pointer; transition: 0s linear; -webkit-transition: 0s linear; -moz-transition: 0s linear; -o-transition: 0s linear;    } .slider1{background:url(background: url(http://dummyimage.com/600x400/000/fff) no-repeat;) no-repeat; display:block; animation: cycle 25s linear infinite; -webkit-animation: cycle 25s linear infinite; -o-animation: cycle 25s linear infinite; -moz-animation: cycle 25s linear infinite; }

html

<div class="slider-container">                 <div class="slider1"></div>                 <div class="slider1"></div>                 <div class="slider1"></div>             </div>

-

Comments

Post a Comment

Popular posts from this blog

swift - Button on Table View Cell connected to local function -

i have table view cell loaded data parse request. loads "friend requests", showing requesting friends name , 2 buttons, "accept" , "reject" here cellforrowatindexpath func: func tableview(tableview: uitableview, cellforrowatindexpath indexpath: nsindexpath) -> uitableviewcell { let cell:notifications_jlr_cell = self.tableview.dequeuereusablecellwithidentifier("cell") as! notifications_jlr_cell cell.txtrequestdesc.text = searchresults[indexpath.row].requesteename + " has requested friend" cell.btnapprove_outlet.addtarget(self, action:selector("approve"), forcontrolevents: uicontrolevents.touchupinside) return cell } the table loads fine, , addtarget line, once "approve" button clicked, runs func: func approve() { println("approve") } however, when fetching parse data, have set in array, objectid friend request, want refer in approve() function how can pass objectid ...
Read more

dns - Dokku server hosts two sites with TLD's, both domains are landing on only one app -

i have 2 simple dokku sites on 1 server. first static html site, , second simple rails app. each app has own tld. sake of argument give them domains: static.com , rails.com. ive used dokku domains plugin set both naked , 'www' domains each site. domain names purchased , setup through namecheap the namecheap domains each have 2 entries: @ | http://www.static.com | url redirect www | static.server.com | cname(alias) @ | http://www.rails.com | url redirect www | rails.server.com | cname(alias) i encountered this issue on dokku github page indicate can overcome using naked domain app name when creating original git remote. git remote add dokku dokku@server.com:static.com however, issue closed 2 years ago, , same result seems accomplished domains plugin. im wondering if should restart point both apps? so far above steps has resulted in traffic both domains being sent static.com. has encountered before? t...
Read more

c# - ajax - How to receive data both html and json from server? -

i have referenced this topic , doesn't solve problem. i'm using mvc 5 c#. have used code receive data server data type json . $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "json", success: function (data) { if (data.result) { alert('successfull'); } else { alert(data.ex); } } }); and controller code: [httppost] public actionresult myaction() { try { return json(new { result = "true", ex = "" }); } catch (exception e) { return json(new { result = "false", ex = e.message }); } } i use way data type html: $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "html", success: function (data) { $(".mydiv").append(data); } }); and controller should be: [httppost] public actionresult myaction() { return partialview("_...
Read more