Just came to a post, see as long as a line of code, you can kill IE6.
If you are using IE6 now, you can try it. Click the Run Code button below; If the point is not dead, let's say your IE is not 6;
Method One:
Easy IE Crash by Hamachiya2 (http://www.ddvip.com/junk/ie_crash.html)-->Method Two:
css 挂掉IE6 精简版 - blueidea点我挂掉IE6
Run effect 1:
Easy IE Crash by Hamach
Transparency tends to produce good web visuals. The following are CSS transparent code compatible with mainstream browsers.Transparent_class {Filter:alpha (OPACITY=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}Filter:alpha (OPACITY=50): This is set for IE6, the value is 0-100, the other three 0 to 1.-moz-opacity:0.5; This is to support some of the older versions of Mozilla browser.-khtml-opacity:0.5;
This article brings you to the content of the CSS in the animation properties of the implementation method (with code), there is a certain reference value, the need for a friend can refer to, I hope to help you.
The CSS Animation (animation) property can gradually change from one value to another, such as size, quantity, percentage, position, and color.
Second,
css| Web page When browsing the page, we can sometimes see the page scroll color is not the system default, but beautiful red or other colors, in fact, this is the page code to add code to achieve, what is the specific code?
The Web page scroll bar code and its explanation a
The application of IFrame is very common, there are usually two kinds of requirements:
1, to obtain an IFRAME effect, that is, with a scroll bar, you can save a lot of suites.
2, to embed a page, to implement the framework link.
If you are not convenient to use IFRAME, you can have the following solutions:
The first requirement if we use CSS layout to implement, that is, can be less than one page, can also improve efficiency.
The second requirement
css| Source Code
Used to make a flash album with flash-network version This effect a little learning this meaning.
For a line of code, I have spent two of nights to think about it, the result is that the feeling ie a bit abnormal. With the normal idea to do, FIREFOX and other browsers are no problem, only IE can not. Only if you add a line of garbage
We use JS to write CSS styles usually in the following two ways:
In general, we use JS to set the style of the element object to use this form:
Copy Code code as follows:
var element= document.getElementById ("id");
Element.style.width= "20px";
Element.style.height= "20px";
element.style.border= "Solid 1px red";
But the above method has a disa
This article brings to you the content is about the CSS pseudo-class selector and pseudo-element selector introduction (with code), there is a certain reference value, the need for friends can refer to, I hope you have some help.
First, link pseudo-class
1. Link pseudo-Class
/* Link pseudo-class * /Note: Link,:visited,:target is acting on the link element!
: Link represe
With the growth of smartphones, mobile web sites can also do more personalized, recently in the revision of their own mobile website
This one, encountered a website picture size problem, mobile phone screen is relatively small, how to upload the rules of the picture on the phone show more beautiful?
Then use the powerful features of CSS.
First enclose the code:
IMG {
max-width:500px;
Myimg:expression
6. Appropriate code commentsCode comments can make the structure clearer by making it easier for others to read your code, and to organize code annotations appropriately. You can choose to do the start of the style sheet by adding a directory:/**/So the structure of your code is straightforward, and you can easily find
,helvetica,sans-serif;font-size:1.1em;}
7. Sort your CSS Code
If the attributes in your code are sorted alphabetically, it's quicker to find the changes:
/*** Style Properties Alphabetically ***/
div{
Background-color: #3399cc;
Color: #666;
Font:1.2em/1.4emarial,helvetica,sans-serif;
height:300px;
margin:10px5px;
padding:5px010px5px;
width:30%;
Z-index:10;
}
"Writing high-quality code"1, the necessity of annotation: increase the readability of the code. 2, Web standards: A series of standards, the core idea is to separate the structure of the Web page, style, behavior, so he can be divided into: Structural standards, style standards and behavior standards. 3, a standards-compliant web page, label names should all be lowercase, attributes to parentheses, style a
Two lines of CSS to solve, a total of 5 options
One
Iframe{n1ifm:expression (this.src= ' About:blank ', this.outerhtml= ');} * * This line of code is to solve the problem of an IFRAME!
Script{nojs1:expression (This.src.toLowerCase (). IndexOf (' http ') ==0)? document.write (' Trojan was successfully quarantined! ’):‘’);}
Principle: "Script" marked by the src into lowercase, and then see if the "http" s
All say that their wages are low, first look at the code you can write it? None of this is going to pay you too?Many people complain about the low salary and feel that they are overqualified, but are you really not a firewood?Often hear some people, met will not ask Baidu, if so, we do not have to study, ask Baidu every day.To let the knowledge into the armed forces of their own, rather than, will search, martial arts on the number one, do not forget,
, the code is as follows:
function Rollimage (evt) {
var X=evt.pagex;
Console.log (x);
$ ("#before"). CSS ("width", x+ "px");
/script>
In this way, the effect of the shutter is achieved. The source code is as follows:
Style.css
. beforeafter{
width:940px;
height:529px;
}
#after {
position:absolute;
top:0px;
left:0px;
Background-i
This article brings you the content is about how to use CSS and color-blending mode to achieve loader animation effect (with code), there is a certain reference value, the need for a friend can refer to, I hope you have some help.
Effect Preview
Source code Download
Https://github.com/comehope/front-end-daily-challenges
Cod
Ext.: http://www.cnblogs.com/w-wanglei/p/5528940.htmlObjectivePrior to writing four HTML and CSS knowledge points, also equivalent to a knowledge point summary. Need to be able to collect, usually in the development process should encounter these points, the time to review these blogs may be easier to understand. Starting with this article is more about the front end problems that often make people headache in the development process, and how to write
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.