Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What is the method of color alternation between LI odd and even rows compatible with Firefox and IE by css?

2025-01-16 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/03 Report--

How css implements the color alternation method of LI parity rows compatible with Firefox and IE. In order to solve this problem, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible method.

This is a compatible Firefox, IE LI color alternating method, is actually a tiled background, but relative to the use of JS, tiled background is also a good way, because it is not difficult to deal with a GIF image, the best code compatibility is much better than using JS, you can try it in different browsers.

The screenshot of the running effect is as follows:

The online demo address is as follows:

Http://demo.jb51.net/js/2015/css-firefox-ie-line-color-demo/

The specific code is as follows:

The code is as follows:

The method of realizing Color alternation between Odd and even rows by CSS

Odd lines.

Even number of lines.

Odd lines.

Even number of lines.

Odd lines.

This is the answer to the question about how css implements the color alternation method of LI parity rows compatible with Firefox and IE. I hope the above content can be of some help to everyone. If you still have a lot of doubts to be solved, you can follow the industry information channel for more related knowledge.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report