javascript - Element (background-image) opacity, but no border opacity -


I know how to do it, how to do it, but I have to do without the element Ambiguity, backend-image ambiguity I do not want to modify the image in the Image Editor, so I am looking for the ambiguity set by the CSS. possible?

In my CSS below, I want to modify the "disabled" status with a sharp no-opacity limit. Please advice ...

Examples of use:


Button style:

  div.button, div.button: hover {background: none; Border: 2px solid # 6C7B8B; Range radius: 8px; Explicit: none; Color: Transparent; Cursor: indicator; Display: Inline-block; Filter: Alpha (Opacity = 100); -M-filter: "Progress: DXimage Transforms. Microsoft. Elfa (Opacity = 100)"; Float: None; Height: 24px; Margin-down: 0 pixels; Margin-left: 3px; Margin-right: 0 pixels; Margin-top: 7px; Opacity: 1; -Moostness: 1; Profile: None; Hidden flurry; Padding: None; Vertical-alignment: top; Width: 24px; }   

Click the effect:

  div.button: active {left: 1px ; Status: Relative; Top: 1px; }   

Additional styles are disabled for the status:

  div.disabled, div. Disabled: hover {cursor: default; Filter: Alpha (Opacity = 50); -M-filter: "Progress: DXimage Transforms. Microsoft. Alpha (Opacity = 50)"; Opacity: 0.50; -Moziness: 0.50; } Div.disabled: active {left: 0px; Status: Relative; Top: 0 pixels; }   

Extra style for position:

  div.on, div.on: Hover {boundary: 2px solid # 007FFF; }    

You are just in that situation - you want to be transparent background, but non Transparent content (whose count of bounds)

So there is no such background-image-opacity in CSS3, you can only create a transparent image or position on one another with two elements, lower picture image ( As suggested by the answer here).

But in your case the image will be sufficient to shadow it can be done using a transparent image from the beginning, for example, but change the underlying background color . Or you can

  & lt; Div class = "button" title = "zoom!" & Gt; & Lt; Img src = "icon.gif" alt = "specs" /> & Lt; / Div & gt;   

with

  div.button.disabled img {opacity: .5; }   

which can be more emotionally understood, too. You should be away from those inline styles.

()

Comments

Popular posts from this blog

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

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

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