opacity - Making a transparent box with CSS -


I am trying to create a transparent box on the back of the container, however, I can not middle it Instead of the background, when I'm trying to use top-margin to get my design, it will also take down the background image, so I would like to ask that I like it as an example given by the W3C Why can not make it 

  & lt ;! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // N" "http://www.w3.org/TR/html4/loose.dtd"> & Lt; Html & gt; & Lt; Top & gt; & Lt; META http-equiv = "content-type" content = "text / html; charset = UTF-8" & gt; & Lt; Title & gt; Portal & lt; / Title & gt; & Lt; Link rel = "stylesheet" href = "style.css" type = "text / css" /> & Lt; Script type = "text / javascript" src = "ajax.js" & gt; & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body Onload = "Load ()" & gt; & Lt; Div id = "header" & gt; & Lt; Img src = "picture / logo.gif" id = "logo" alt = "logo" /> & Lt; A href = "http://www.google.com" & gt; & Lt; Img src = "picture / a.png" id = "logo2" align = "right" alt = "logo" /> & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div id = "container" & gt; & Lt; Div id = "function" & gt; & Lt; / Div & gt; & Lt; Div id = "display" & gt; & Lt; / Div & gt; & Lt; Div id = "see" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "footer" & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   
 Here is the CSS file:  
  body {font-size: 100%; Margin: 0em 9em 0em 9em; } # Headers {Width: 55 AM; Height: 2.375em; Background: black; Border: 0em 0em 0em 0em; } #lollow {padding: 0em 0em 0em 2em; } # Logo 2 {Width: 3.618mm; Height: 2.3em; Margin: 0.1m 0.25em 0.1em 0em; } # Container {width: 55 AM; Height: 36.25 AM; Background Image: URL ("images / background1.jpg"); Margin: 0.25em 0em 0em 0em; } # Function {width: 35m; Height: 32.625em; Margin: 2 AM 10 AM; Background color: #ffffff; Opacity: 0.6; Filter: Alpha (Opacity = 60); } #footer {font-family: "Times New Roman"; Width: 62m; Font-size: 0.75em; Color: Gray; Border-top-style: solid; Border-color: gray; Border-width: 0.25em; Margin: 0.25em 0em 0em 5em; }    
 
 
 There are a few ways you can do this:  
  Opacity:   
  Genre {Opacity: 0.5; Filter: Alpha (Opacity = 50); // IE-Mojo-opacity: 0.5; // For Firefox & lt; 5.0}  RGBA color:   // final object is ambiguity   
  one image:   
  style {background: url ('image / transparent_img .png' ) Repeat left over; }   
 RGBA is the best method, but is unsupported in older IE versions. Opacity is not well supported (ie again) You can use a riga () as a failback, but personally I now think that a transparent image is your best x-browser condition.  
  Edit:  I do not understand the question, so you just want to add padding to the # containers.

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