html - jQuery background-image fadeIn -


I am trying to feed a background image in my list item. I've tried everything but it was not found ...

HTML: 

   & Lt; P id = "text1" & gt; Text & lt; / P & gt; & Lt; / Li & gt; ($ ('#Een'). CSS ("background-f"    
 
 
 You will need to create a background IMG element that is fully located within a relative parent.  
  < P> Here is an example of what I mean.  
 
  HTML  Notice I add a div to it with the first item in each  li  Class as  li-background . This is done by CSS This will not be edited to be shown on load and will be fully deployed within the parent, which is relatively a situation. I have also set my  z-index <1> to -1, this lesson or No other item is displayed in Li, so its background!   
  
     gt; & lt; li id ​​= "een" & gt; & Lt; div class = "li-background" & gt; & lt; img src = "http://www.freenew.net/upload/pscreen/47/gradient-screensaver-32.jpg" /> Lt; / Div & gt; & Lt; H1 & gt; Title & lt; / H1> & Lt; P id = "text1" & gt; Text & lt; / P & gt; & Lt; / Li & gt; & Lt; Li id = "een" & gt; & Lt; Div class = "li-background" & gt; & Lt; Img src = "http://www.freenew.net/upload/pscreen/47/gradient-screensaver-32.jpg" /> & Lt; / Div & gt; & Lt; H1 & gt; Title 2 & lt; / H1> & Lt; P id = "text1" & gt; Text 2 & lt; / P & gt; & Lt; / Li & gt; & Lt; Li id = "een" & gt; & Lt; Div class = "li-background" & gt; & Lt; Img src = "http://www.freenew.net/upload/pscreen/47/gradient-screensaver-32.jpg" /> & Lt; / Div & gt; & Lt; H1 & gt; Title3 & lt; / H1> & Lt; P id = "text1" & gt; Text 3 & lt; / P & gt; & Lt; / Li & gt; & Lt; Li id = "een" & gt; & Lt; Div class = "li-background" & gt; & Lt; Img src = "http://www.freenew.net/upload/pscreen/47/gradient-screensaver-32.jpg" /> & Lt; / Div & gt; & Lt; H1 & gt; Title4 & lt; / H1> & Lt; P id = "text1" & gt; Text 4 & lt; / P & gt; & Lt; / Li & gt; & Lt; / Ul & gt;   
     
      CSS    
      ul li {status: relative; } Ul li: hover {color: white; } .li-background {display: none; Height: 100%; Left: 0; Status: Completed; Top: 0; Width: 100%; Z-index: -1; } .li-background img {height: 100%; Width: 100%; }   
     
      jq script    
      $ ("li"). Hover (function (eIn) {$ (this). Children (".lib-background"). Stop () .FadeIn ();}, function (eOut) {$ (this). Child ("Li-background" ). Stop () .Fed Out ();});

Comments

Post a Comment

Popular posts from this blog

Python SQLAlchemy：AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

I tried to create a new database in my project, but when I run the script, I get this error, I have another project, this type of definition worked before, but now it gets a single error. I am using Python 2.7.8 and the version of SQLAlchemy module is 0.9.8. By the way, using a project flask- SQLAlchemy, it works well, I'm confused. Traceback information is as follows: Traceback (most recent call final): File "D: / Projects / IOM / db_create.py", line 4, & lt; Module & gt; From the models the base file "D: \ Projects \ OO-IM \ models.py", in line 15, in the & lt; Module & gt; Column ( 'followed_id', int (), ForeignKey ( 'user.id')) file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ schema.py", line 369, __new__ schema = metadata. Schema file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ elements.py", line 662, AttributeError in __getattr__ key): Neither 'column' object nor ...
Read more

java - How not to audit a join table and related entities using Hibernate Envers? -

I use Eners to be hibernate to audit my institutions. I have an audit entity, Foo , which includes a list & lt; Bars & gt; However, I do not want to audit the bar institutions, in the form of properties, I have written that: @inti @edicated public class Foo {@JoinTable (name = "T_FOO_BAR", joinColumns = @JoinColumn (name = "FOO_ID"), inverseJoinColumns = @JoinColumn (Name = "BAR_ID")) @ManyToMany (Cascade = Persist) @ Indited (targetAuditMode = RelationTargetAuditMode.NOT_AUDITED ) Public listing & lt; Bars & gt; GetBars () {Return bars; }} Now, I want to retrieve an amendment of foo : AuditReader reader = AuditReaderFactory.get (GetEntityManager ()); FU modification = (FU) reader.CreativeTeA () .entensEtrevision (Foo Class, 42) .getSingleResult (); Unfortunately, when I want to retrieve all the data (i.e. when it loads lazy times ), error me ORA-00942: table or view is not present , because Tried to query this: Sel...
Read more

mongodb - CakePHP paginator ignoring order, but only for certain values -

While pagging my user model in kppp, I can sort with some values, but not others. For example, I can order results from created or email , for example, but username or reputation seems to come back order by arbitrary command for example with a list of users: $ this-> paginate = array ('condition' => array ( 'User.is_active' = & gt; true), 'border' => 24, 'order' => array ('User.created' => DESC)); Works as expected, but $ this - & gt; Paged = array ('conditions' = & gt; array (' user.isIactive '= & gt; true),' border '= & gt; 24,' command '= & gt; array (' user repeats' = ' & Gt; DESC ')); No, no. I first thought that this could be a database issue, but when I search the database directly, sorted as expected. Note: I am using Mangodebi with the Mongo DB plugin of Ichikawa for the KPPHP; Pagnetizing users are used to work properl...
Read more