fade

So I'm using Twitter Bootstrap and I have a modal that slides down when the user clicks the "Register" button. The only problem is that the not only does the background page fade, which is a nice effect, but the modal is also faded. How can I get it so that the modal is normal brightness while the background is faded? I created a JSFiddle to demonstrate my problem here: http://jsfiddle.net/jononomo/7z8RZ/7/ The following code creates a faded modal: <div class="navbar navbar-fixed-top"> <a href="#registration_modal" data-toggle="modal"> Register </a> <div id="registration_modal" class="modal

Stack is warning me this is a subjective question, and will likely be close, but I'm going to try this anyway. I have a set of control buttons attached to pictures in a gallery. These are to be initially hidden, and toggle visible when the mouse hovers over the image. The question I have is this: Should these buttons be set to hidden in the stylesheet or stay visible and be hidden by jQuery when they load? I want graceful degradation, so it seems like initializing this in the CSS is a bad idea if I want these to be visible if javascript isn't enabled. On top of this, I'm using Ajax to load

I have a list, each row in the list has text. Some of the text extends beyond the edge of the screen. I have no problem making it truncate the text and show ellipses. I have no problem to 'fade the edge of the text' however, the fade occurs at the edge of every text, not just the ones the are too large for the textview. I have searched and searched and can't find a way to, essentially, do exactly what the ellipses do but, instead of ellipses, fade the edge of the text only if it is going off the edge of the screen. Can anyone please help? FYI, right now, my text view contains: android

I have a container with a lot of small images. <div id="container"> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /> ... <img src="100.jpg" /> </div> I set opacity to 0. (not hidding) Then I want to show(fadeIn) random image after half second. for example 5th, 1st, 55th ... Any suggestions, thanx a lot try this <script type="text/javascript"> //generate random number var randomnumber=Math.floor(Math.random()*$("#container").children().length); $(function() { //hide all the images (if not already done) $("#container > img").hide(); //set timeout for image to appear (set at 500ms)

I want to do the following: $(newPanel, prevBtn, nextBtn, infoPanel).fadeIn(200, function() { } these vars are divs created with jquery but only the first element fades in, I really need all elements to fade in at the same time. You can use the add method to get the elements in the same jQuery object: newPanel.add(prevBtn).add(nextBtn).add(infoPanel).fadeIn(200); Assuming that newPanel and so on are variables created like that: newPanel = $("#newPanel"); just write: newPanel.fadeIn(200); prevBtn.fadeIn(200); nextBtn.fadeIn(200); infoPanel.fadeIn(200); Either do it using a $.each call or I