CSS

Often when we do some special shading effect, the way to use the image to do the background is actually very poor, without considering the adaptation of the old version of the browser, we can use the CSS3 to customize the style of the shadow we want.

I do not know what you will do when you meet a very beautiful design when you are doing the project. There are some designs that often use the shadow effect to look more solid, and in general the lazy people like me cut the diagram directly. There's

Today wrote a Div, with margin:0 Auto, to define his attributes, let him center, the result is invalid. At first I thought it was CSS code conflict, check several times, no problem, and then use Firefox and Google Browser test, center ... Seems to

Workarounds for margin:0 Auto invalidation in CSS 111111111 Div1 width is screen width, div2 width varies with content size and centered with Div1, but div2 width I set to auto width or div1 100% width, why this? Study the whole night did not

When the content area of the Web page is very small, footer will run to the top? I set min-height:100% for body,html; Set height:100%; it's okay, but it's a little more than a screen. body,html{ min-height:100%;} body{ position:relative;}.

Method One: min-height:160px; Set Object box's minimum height, Firefox, ie7+ applicable; Height:auto!important; Set Object box height without auto-positioning, using!important to prioritize the lower height positioning setting;height:160px; Set

Transparent is transparent, in fact background the default color is the Transparent property General usage Scenarios: If an element is covered by another element and you want to display the following element, you need to set the background of the

The CSS style sheet has the following statement: . imminbox {width:39px; height:29px;padding-right:3px; cursor:pointer; position:absolute; right:1px; bottom:0px; z-index:20; overflow:visible; Background:url (.. /images/im_minbar.png) No-repeat;

The Background property can set the background style of an element, assuming that the element has a specific width and height value. Let's start with a simple background setting: #show-box { width:800px; height:500px;

P Background Transparent style: Style code: . Alert{filter:alpha (opacity=100);/* IE */-moz-opacity:1.0;/* Moz + FF */opacity:1.0; height:300px; width:500px; backgr Ound: #ccc; left:50%;

To set the background for an element to be transparent, in Chrome, Firefox, and Opera: Background-color:rgba (0, 0, 0, 0.4); The last parameter in RGBA 0.4 is the desired transparency, which ranges between 0~1. This is usually the case in

Title, now is not able to change the transparency of the image itself, the picture is written in Background-image CSS, do not know if there is a way to set his transparency? div{ position:relative; } div:after{ content: ";

How CSS changes the instance sharing of scroll styles /* Define the width of the scrollbar and the background aspect corresponding to the size of the scroll bar */ ::-webkit-scrollbar { width:16px; height:16px; Background-color:

First, let's take a look at the final: This is our best goal. If you're interested, well, then keep looking. First, this button is useful to css3.0 's new style properties. If your browser doesn't see the style of corner arcs, it means that your

There are two ways to cover a p on another p: one is to set the margin to a negative value, and the other is to set absolute positioning. You can set the value of Z-index in the root of your situation The situation of 1->position for absolute

Question: How do we make two block-level elements in the same row? Reply: 1. Set float property \ (^o^)/~ The CSS format for block-level elements is set to Float:left/right, for example, there are two Panel,panela and Panelb, want to be on the

transparency often produces good web visuals, with CSS transparent code compatible with mainstream browsers: . transparent_class {Filter:alpha (opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;} Several of the above properties

Not much nonsense to say, directly on the demo, the bottom of the detailed comments. 1. This is the style displayed under the WebKit browser. (personal prefer simple point) 2, in the IE browser display style (in order to distinguish so that the

CSS3 custom scroll bar style-webkit-scrollbar Sometimes I think the original scroll bar that the browser comes with is not very beautiful, how does the WebKit browser customize the scroll bar? WebKit supports areas with overflow properties, list

After the action attribute in form? The passed parameter cannot be obtained. formaction 1 $ p_id = $ _ REQUEST ['P _ id']; 2 3 echo " You will update the product information View All 4 5 product name: product name less than 10 characters 6.