CSS cross-browser compatibility, shadow boxes

2010-04-09  来源:本站原创  分类:Web  人气:245 

.shadow {
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
<img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" />

Effect:

CSS cross-browser compatibility, shadow boxes
CSS cross-browser compatibility, shadow boxes

Article link: http://www.zhangxinxu.com/wordpress/?p=711

The demonstration: http://www.zhangxinxu.com/study/201004/cross-brower-box-shadow.html

相关文章
  • css compatible browser compatibility writing ie6/ie7/ie8/Firefox 2010-10-24

    css compatible browser compatibility ie6/ie7/ie8/Firefox wording wording.

  • js css and browser compatibility summary 2010-12-23

    Reprinted: css and js browser compatibility summary http://hi.baidu.com/injava/blog/item/40f1e5de0cc8535c94ee3795.html First of all talk about the browser, although it is still the browser market, ie the boss, about 67% share of possession, but becau

  • CSS cross-browser compatibility, shadow boxes 2010-04-09

    .shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7

  • Browser compatibility 2009-02-23

    http://www.1987y.org/archives/229 ================================================== == Browser compatibility issues have been plaguing a lot of WEB designers, of course, sometimes troubled me. It is attached to bones, such as maggots in general is d

  • Most all of the CSS browser compatibility issues order (IE6.0.IE7.0 and FireFox) (reproduced) 2010-04-15

    CSS browser compatibility is sometimes very stressful, and perhaps when you know the skill with which the principle will be that is not difficult, from the online collection of IE7, 6 compatibility with Fireofx approach and organize a bit. For web2.0

  • Most all of the CSS browser compatibility issues order (IE6.0.IE7.0 and FireFox) 2010-04-18

    CSS browser compatibility is sometimes very stressful, and perhaps when you know the skill with which the principle will be that is not difficult, from the online collection of IE7, 6 compatibility with Fireofx approach and organize a bit. For web2.0

  • Most all of the CSS browser compatibility issues 2010-10-26

    CSS Skills 1.div The vertical center problems vertical-align:middle; The spacing increased to as high as the entire DIV line-height:200px; Then insert the text to the vertical center of the . The disadvantage is not to control the content line 2. mar

  • CSS browser compatibility issues 2010-12-16

    CSS browser compatibility can be very stressful at times, perhaps when you know the skill with which the principle will feel is not difficult, from the online collection of IE7, 6 compatibility with Fireofx handling skills and organize a bit. For ove

  • DIV + CSS browser compatibility summary of methods 2011-01-10

    Most Internet companies are now compared to advocate the use of div + css layout, which is facing a more difficult problem - browser compatibility. After a long summary, obtained following all common browsers (now available in the market mainly used

  • CSS Hack techniques rollup to resolve DIV + CSS layout and more browser compatibility issues 2010-08-20

    CSS Hack that we are compatible to all browsers use the CSS definition of the special skills. Our web pages using DIV + CSS, due to a different browser, such as Internet Explorer 6, Internet Explorer 7, Mozilla Firefox, etc. on the CSS support and an

  • Comparison of browser compatibility 2010-09-24

    First of all talk about the browser, although it is still the browser market, ie the boss, about 67% share of possession, but because of the lack of all aspects of its users began to choose other browsers as their primary tool for browsing the web, s

  • DIV + CSS compatible browser to identify the rules and examples under IE6.IE7.Firefox 2011-01-07

    Focus of this paper and we discuss in IE6, IE7, Firefox under DIV + CSS page layout of the attention problem, I believe this paper will make you gain something. In IE6, IE7, Firefox under DIV + CSS page layout of attention problems DIV + CSS browser

  • Javascript browser compatibility problems 2011-01-14

    Javascript browser compatibility 1.document.form.item problem <br /> problem: code exists document.formName.item ("itemName") such a statement can not be run in the FF solution: use document.formName.elements ["elementName" ] 2.

  • Mobile browser compatibility test results summary 2010-05-18

    Note: The following call "majority" refers to the models we tested, the occurrence of these conditions accounted for 50% of mobile phones and more, "some" of 20% to 50%; "minority" of 20 % and below. And this probability is o

  • Browser compatibility (IE & & FireFox) 2010-04-26

    Browser compatibility, do a headache, usually summed up some experience, to facilitate inquiries. Currently only tested IE and FireFox. 1. Form validation form with: <html:form action="/htgl/sch/listNeedVerifyZszc.do?method=add" method="

  • javascript check browser compatibility 2010-07-04

    Use JavaScript to create : <html> <head> <script type="text/javascript"> var xmlhttp function loadXMLDoc(url) { xmlhttp=null // Mozilla if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest() } // IE else if (window.ActiveXOb

  • Adobe BrowserLab - test your web browser compatibility with a variety of 2010-10-31

    Adobe BrowserLab by well-known software company Adobe launched the free Web site diagnostic services, you can test your page online in a variety of browser display, to help you easily determine your web browser compatibility with a variety! Although

  • DIV + CSS browser compatibility solution 2010-08-10

    DIV + CSS page layout This is a trend, and I began to follow this trend, but still in use DIV + CSS website design, it should pay attention to css style compatible with different browsers, in particular, is full use of DIV + CSS design web pages, on

  • CSS browser compatibility summary ie6 ie7, Fireofx 2011-05-12

    Original: http://www.52css.com/article.asp?id=1026 Collected from the Internet IE7, 6 compatibility with Fireofx approach and organize a bit. For over web2.0, please try to write code using xhtml format, but affect the CSS DOCTYPE treated as a W3C st

  • Browser compatibility css hack 2010-08-17

    Introduction of this writing for different browsers different CSS code of the process, called CSS hack, also known to write CSS hack. [Edit this paragraph] CSS Hack the principle of what is due to different browser CSS support and analytical results