What's the best way to create multiple backgrounds using HTML5 and CSS and keep markup semantic? -

-

What is the best way to create multiple backgrounds with HTML 5 and CSS and keep your markup sense? I realize that CSS3 supports many backgrounds, but I also want to use gradients and are interested in how this is practically done - not just its principle.

The traditional approach might be something like this: 

  & lt; Div class = "background-outer" & gt; & Lt; Div class = "background-internal" & gt; & Lt; Article class = "exit-news" & gt; & Lt; P & gt; We'll talk about some exciting things here & lt; / P & gt; & Lt; / Article & gt; & Lt; Div & gt; & Lt; / Div & gt;   
 I have to do a method that is cross browser friendly and does not include any programmatic work in Javascript or ASP.NET / PHP etc.  
 This is just More vocabulary can be a case of using class names, but I've been stumped!  
 Note: Someone may have already answered it but it is difficult to find, if it is a repetition!   
 
 
 It depends on whether it is a private project or a nested device for the customer They do not hurt, they are quick and reliable in all browsers, if it's for someone else, do not talk about shame.  
 Otherwise, you have to leave the support of some browsers. It's a way to use many backgrounds in CSS.  Status: Relative  main block, and  position: full  to : : Fill the elements and set the background on them basically works very well on all the browsers.  
  Edit:   
 A valid code sample for the pseudo-element move I use:  
  & Lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; Test page & lt; / Title & gt; & Lt; Style & gt; Div: first {background: -moz-linear-gradient (top, RGBA (30,87,153,1) 0%, RGBA (125,185,232,0) 100%); / * FF 3.6 + * / Background: -WebKit-Linear-Slope (top, RGBA (30,87,153,1) 0%, RGBA (125,185,232,0) 100%); / * Chrome 10 +, Safari 5.1 + * / div: {background: -moz-linear-gradient (left, RGBA (239, 47, 47,1) 0%, RGBA (125,185,232,0) 100% ); / * FF3.6 + * / Background: -WebKit-Linear-Slope (left, RGBA (239, 47, 47,1) 0%, RGBA (125,185,232,0) 100%); / * Chrome 10+, Safari 5.1 + * / div {background: url (http://www.google.co.uk/images/srpr/logo3w.png); Status: Relative; Margin: 1 AM; Min-height: 10em;} div: After, div: {content: "before"; Status: Completed; Top: 0; Left: 0; Correct: 0; Bottom: 0;} div> * {Status: relative; Z-index: 1} & lt; / Style & gt; & Lt; Div & gt; & Lt; H1 & gt; There are three backgrounds in this div & lt; / H1> & Lt; P & gt; Its contents have to be wrapped, but this is usually not a 'meaning' problem & lt; / Div & gt;

Comments

Post a Comment

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

-
I have developed an extension which works up to 1.6 on Magren (I'm trying Enterprise Edition, And I think the community is the same problem, because it is the same code). In my install script, I see the $ installer-> gt; CreateEntityTables ($ this- & gt; getTable ('alphanum / info')); The installation is done until it is not in the _text unit table. It crashed there! It turns out that when I log in to SQL and run it via PHPmyadmin, then this error is: Blob / Text column 'value' is used without the key 'key' . I saw the code there, and this is what is trying to create an index on the value column: -> addIndex ($ this- & gt; getIdxName ($ eavTableName, array ( 'attribute_id array (' attribute_id ',' value ')) - & gt; addIndex ($ this- & gt; getIdxName ($ eavTableName, array (' entity_type_id ' , 'Value')), array ('entity_type_id', 'value')) If there is no if statement is n...
Read more

c# - Using Vici cool Storage with monodroid -

-
Oh, for the moment I am not sure how it is officially supported, but for the success of the people Using Monodroid Vic Cool Storage I am able to leave and compile assemblies in my project, but while trying to use some classes, the errors of time have to be gathered. Especially when trying to connect like the example for Mono Touch string dbName = path. Cobain (environment. Gatefolder path (environment specialfolder personal), "mydb.db3"); // The following line will be called coolestation, where is the database, // to make it if it does not exist, and call a delegate that creates the necessary tables (only when the database file was newly created //) CSConfig.SetDB (DbName, true, () => {CSDatabase.ExecuteNonQuery ("Subscriber Integer Primary Key Attribute, Name Text (50) No, Number, Date First Text (30)");); There is no difference when I try to use the methods of CSConfig and when I cscfif If I try to pass 3 aggregates to STDB (3) then I get the invalid ...
Read more

python - referencing a variable in another function? -

-
I am an experienced TCL developer and write my own processes to help myself. I call it a proc i callVar, print out the value of the variable in a certain format, so I know that it is variable and what is the value "set foo 1; putVar foo" result 'foo = "1" I want to do the same thing in Python, but I can not find the answer :( In TCL I use the up command because when I pass the name of the variable, then I can see the value at the top. . I understand that an advanced light in the dragon There is no mechanism of r, but with its introspection capability, I would think that this is something trivial, but I am not getting the answer anywhere. It seems that this should work: and expanded: def foo (): y = "Hello World" printwor ("y") foo () y = "Hello World " You can, but you should not do so if your code is correct If is needed , then there is something wrong with your design, and you should probably use the dictionar...
Read more