IE6
Jquery determines the browser type Using jquery to determine the browser requires syntax: $. browser. ['Browser keyword '] to determine the syntax of each browser example two thousand and thirteen eight thousand one hundred and seventy-five Iframe adaptive height method I haven't updated my blog for a long time. Due to the busy work, the team of the small editor came up with the problem of iframe adaptive height when making zblog topics. Now I share it with you. I hope it can help you. Many students who are exposed to the WEB front end have been troubled by the adaptive height of iframe. Today, Tuoyuan shares the method of adaptive height of iframe. The width of iframe is 300px by default, and the height is 150px by default. If you need to adapt the height, you need to use the following two thousand and thirteen fifteen thousand five hundred and fifty-three CSS Hack of IE10 Just now I saw the CSSHack method of IE10 on the Internet, and found that IE10 browser no longer supports conditional annotation. So I used IE10 browser to visit some projects I had done before, and found no exceptions. PS: The project seldom uses conditional annotation, which is nothing more than transparent style compatible with IE6. PNG images used by IE7+are transparent, so it doesn't matter if IE10 doesn't support conditional annotation two thousand and thirteen nine thousand one hundred and sixteen Set as the code of home page and favorite site, compatible with IE, chrome, firefox I believe many friends are looking for the codes of "set as home page" and "collect this site". Now there are many codes on the Internet, but the compatibility is not very good. Let's share these two codes with good compatibility, which are also used in some topics of Tuoyuan. I hope it can save your time. Why write if you can use them directly two thousand and twelve nineteen thousand nine hundred and ninety-seven Jquery selector nth child usage Those who are engaged in the front end of the WEB know that there are few pseudo classes supported by IE6 browser, but we have to apply jquery when we need to apply it to the website frequently in the process of implementing the project and to be compatible with IE6/7 browser. For example, to achieve the effect of interlaced table color change, the nth child attribute of CSS is incompatible with IE6/7, so we can put the nth child attribute into jquery to apply it two thousand and twelve ten thousand six hundred and seventy-seven Solution to font size: 0 failure in IE6/7 Recently, the war between Jingdong and Suning Gome is very fierce. The boss of Jingdong, Liu Qiangdong, is full of arrogance. Let's study the website of Jingdong Mall. I am a person who likes to pursue details. I like to find faults. Maybe I choose front-end design. There are many occupational diseases. Open the JD website and use red as the main color, which means that business must be booming, as Lao Liu's microblog (@ Liu Qiangdong) said: JD is really a child! We still have many shortcomings and shortcomings, and we often wrestle! But we will get up by ourselves and try our best to walk better and better two thousand and twelve eleven thousand seven hundred and sixty-five The method of CSS implementation background not scrolling with the browser In memory, we have seen many blogs, microblogs and QQ spaces, where many people have set a fixed background for their den and do not scroll with the browser. Besides javascript, CSS can also be easily implemented two thousand and twelve nine thousand one hundred and twenty-five Solution for IE6 does not support first child The Oolong Cat website was just launched yesterday. Later, it was found under IE6 that the margin top of the first module in the smart floating of the sidebar is not 0, which was originally defined in CSS two thousand and twelve thirteen thousand one hundred and eighty-six Intelligent floating layer positioning solution When the page scrolls and the smart floating layer begins to fade out of the browser window, it floats on the top edge of the browser window. This effect is common on major websites in China, such as Sina Weibo, Taobao, etc. Implementation principle: The default state is the default state, and you don't need to do anything. It's OK to locate it as absolute or static two thousand and twelve nine thousand and twenty rgba for background color of IE7&IE8 RGB color mode (also translated as "red, green and blue", which is rarely used) is a color standard in the industry. It obtains various colors through the changes of red (R), green (G) and blue (B) color channels and their superposition. RGB is the color representing red, green and blue channels, This standard covers almost all colors perceived by human vision, and is one of the most widely used color systems at present two thousand and twelve eleven thousand and twenty-nine Solution to position: fixed failure in IE6 IE6 browser does not support position: fixed. IE7/8/9, Firefox, Chrome and other browsers all support fixed positioning. How to solve this problem? Method 1: Write hack for ie6. Other browsers still use the position: fixed attribute two thousand and eleven nine thousand four hundred and eighty-five IE6 does not support li: hover IE6 is not compatible with li: hover. I read many similar articles on the Internet and used many methods but failed. Later, I found a solution that is compatible with IE6/IE7/IE8 and Firefox two thousand and eleven nine thousand six hundred and sixty-seven CSS makes the background transparent text opaque: original by toyean Transparent effects are often used in some special effects or navigation. For example, a lottery page I made requires transparent background and opaque text, but it often encounters the problem of transparent background and text at the same time. The following is my own solution, compatible with IE6/IE7/IE8/Firefox/Safari. The specific code is as follows:<metahttp equiv="Content Type" content="text/html two thousand and eleven eight thousand nine hundred and sixty-five Solution to invalid min height in IE6 When writing HTML, we often use the css style of min height, but sometimes we encounter that min height is not very compatible in IE6. In order to keep the minimum height when there is less content, we will use the min height attribute to control. How to solve the compatibility problem of min height in IE6? The following is the compatible code two thousand and eleven seven thousand and fifty-six The display: block of tr in the table is displayed incorrectly in Firefox The solution to display the display: block of the tr in the table in Firefox is to use the display: block attribute when a cell row needs to be displayed, and the display: none attribute when no display is needed. In addition, it displays normally in IE browser without any problems. However, when browsing with Firefox, the layout is disordered. Then I checked the source code through FireBug, debugged it, and found that display: block belongs to two thousand and eleven eight thousand four hundred and twelve Principle of efficient and clean CSS code Appropriate code comments code comments can make it easier for others to understand your code, and reasonable organization of code comments can make the structure clearer two thousand and eleven five thousand and eleven Position: absolute under IE6 to locate bugs and solutions Using position: absolute to locate under IE6 has left and bottom location errors. Here are some common solutions two thousand and eleven five thousand five hundred and twelve Position Using CSS to locate the position of the inner layer of the page has always been difficult to master. In many cases, the elements that are absolutely located always take the upper left corner of the browser as the coordinate origin. At this time, if the size of the browser changes, the defined layer will deviate from the desired position of the design, which makes people scratching their heads. In fact, if you want to control the absolute positioning of layers, as long as you understand the definition of positioning in CSS, everything will become easy and simple two thousand and eleven five thousand and nineteen