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: Click the effect: Additional styles are disabled for the status: Extra style for position: 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 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 with which can be more emotionally understood, too. You should be away from those inline styles. ()
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; }
div.button: active {left: 1px ; Status: Relative; Top: 1px; }
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; }
div.on, div.on: Hover {boundary: 2px solid # 007FFF; }
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).
background color . Or you can
& lt; Div class = "button" title = "zoom!" & Gt; & Lt; Img src = "icon.gif" alt = "specs" /> & Lt; / Div & gt;
div.button.disabled img {opacity: .5; }
Comments
Post a Comment