css照片有如层叠效果的如何实现方法

小村上空升起袅袅炊烟,好像一个身穿白纱的少女在翩翩起舞,在夕阳的照耀下婀娜多姿。

如下所示:

显示上面照片效果css

CSS Code复制内容到剪贴板
  1. <!DOCTYPEhtml>
  2. <!--headTrap<body></body><head></head><html></html>-->
  3. <html>
  4. <head>
  5. <metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
  6. <metahttp-equiv="X-UA-Compatible"content="IE=edge">
  7. <metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
  8. <metaname="apple-mobile-web-app-capable"content="yes">
  9. <metaname="apple-mobile-web-app-status-bar-style"content="black">
  10. <metaname="format-detection"content="telephone=no">
  11. <title>《放羊和砍柴的》全集</title>
  12. <style>html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.6}body{-webkit-touch-callout:none;font-family:-apple-system-font,"HelveticaNeue","PingFangSC","HiraginoSansGB","MicrosoftYaHei",sans-serif;background-color:#f3f3f3;line-height:inherit}body.rich_media_empty_extra{background-color:#fff}body.rich_media_empty_extra.rich_media_area_primary:before{display:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:16px}*{margin:0;padding:0}a{color:#607fa6;text-decoration:none}.rich_media_inner{font-size:16px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.rich_media_area_primary{position:relative;padding:20px15px15px;background-color:#fff}.rich_media_area_primary:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1pxsolid#e5e5e5;-webkit-transform-origin:00;transform-origin:00;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);top:auto;bottombottom:-2px}.rich_media_area_primary.original_img_wrp{display:inline-block;font-size:0}.rich_media_area_primary.original_img_wrp.tips_global{display:block;margin-top:.5em;font-size:14px;text-align:rightright;width:auto;overflow:hidden;text-overflow:ellipsis;whitewhite-space:nowrap;word-wrap:normal}.rich_media_area_extra{padding:015px0}.rich_media_title{margin-bottom:10px;line-height:1.4;font-weight:400;font-size:24px}.rich_media_meta_list{margin-bottom:18px;line-height:20px;font-size:0}.rich_media_meta_listem{font-style:normal}.rich_media_meta{display:inline-block;vertical-align:middle;margin-right:8px;margin-bottom:10px;font-size:16px}.meta_original_tag{display:inline-block;vertical-align:middle;padding:1px.5em;border:1pxsolid#9e9e9e;color:#8c8c8c;border-top-left-radius:20%50%;-moz-border-radius-topleft:20%50%;-webkit-border-top-left-radius:20%50%;border-top-rightright-radius:20%50%;-moz-border-radius-topright:20%50%;-webkit-border-top-rightright-radius:20%50%;border-bottom-left-radius:20%50%;-moz-border-radius-bottomleft:20%50%;-webkit-border-bottom-left-radius:20%50%;border-bottom-rightright-radius:20%50%;-moz-border-radius-bottomright:20%50%;-webkit-border-bottom-rightright-radius:20%50%;font-size:15px;line-height:1.1}.meta_enterprise_tagimg{width:30px;height:30px!important;display:block;position:relative;margin-top:-3px;border:0}.rich_media_meta_text{color:#8c8c8c}span.rich_media_meta_nickname{display:none}.rich_media_thumb_wrp{margin-bottom:6px}.rich_media_thumb_wrp.original_img_wrp{display:block}.rich_media_thumb{display:block;width:100%}.rich_media_content{overflow:hidden;color:#3e3e3e}.rich_media_content*{max-width:100%!important;box-sizing:border-box!important;-webkit-box-sizing:border-box!important;word-wrap:break-word!important}.rich_media_contentp{clear:both;min-height:1em;whitewhite-space:pre-wrap}.rich_media_contentem{font-style:italic}.rich_media_contentfieldset{min-width:0}.rich_media_content.list-paddingleft-2{padding-left:30px}.rich_media_contentblockquote{margin:0;padding-left:10px;border-left:3pxsolid#dbdbdb}img{height:auto!important}@media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2){.mm_appmsg.rich_media_inner,.mm_appmsg.rich_media_meta,.mm_appmsg.discuss_list,.mm_appmsg.rich_media_extra,.mm_appmsg.title_tips.tips{font-size:17px}.mm_appmsg.meta_original_tag{font-size:15px}}@media(min-device-width:414px)and(max-device-width:736px)and(-webkit-min-device-pixel-ratio:3){.mm_appmsg.rich_media_title{font-size:25px}}@mediascreenand(min-width:1024px){.rich_media{width:740px;margin-left:auto;margin-right:auto}.rich_media_inner{padding:20px}body{background-color:#fff}}@mediascreenand(min-width:1025px){body{font-family:"HelveticaNeue",Helvetica,"HiraginoSansGB","MicrosoftYaHei",Arial,sans-serif}.rich_media{position:relative}.rich_media_inner{background-color:#fff;padding-bottom:100px}}.radius_avatar{display:inline-block;background-color:#fff;padding:3px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow:hidden;vertical-align:middle}.radius_avatarimg{display:block;width:100%;height:100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#eee}.cell{padding:.8em0;display:block;position:relative}.cell_hd,.cell_bd,.cell_ft{display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;whitewhite-space:nowrap}.cell_primary{width:2000px;whitewhite-space:normal}.flex_cell{padding:10px0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex_cell_primary{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;box-flex:1;flex:1}.original_tool_area{display:block;padding:.75em1em0;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#3e3e3e;border:1pxsolid#eaeaea;margin:20px0}.original_tool_area.tips_global{position:relative;padding-bottom:.5em;font-size:15px}.original_tool_area.tips_global:after{content:"";position:absolute;left:0;bottombottom:0;rightright:0;height:1px;border-bottom:1pxsolid#dbdbdb;-webkit-transform-origin:0100%;transform-origin:0100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.original_tool_area.radius_avatar{width:27px;height:27px;padding:0;margin-right:.5em}.original_tool_area.radius_avatarimg{height:100%!important}.original_tool_area.flex_cell_bd{width:auto;overflow:hidden;text-overflow:ellipsis;whitewhite-space:nowrap;word-wrap:normal}.original_tool_area.flex_cell_ft{font-size:14px;color:#8c8c8c;padding-left:1em;whitewhite-space:nowrap}.original_tool_area.icon_access:after{content:"";display:inline-block;height:8px;width:8px;border-width:1px1px00;border-color:#cbcad0;border-style:solid;transform:matrix(0.71,0.71,-0.71,0.71,0,0);-ms-transform:matrix(0.71,0.71,-0.71,0.71,0,0);-webkit-transform:matrix(0.71,0.71,-0.71,0.71,0,0);position:relative;top:-2px;top:-1px}.weui_loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading1ssteps(12,end)infinite;animation:weuiLoading1ssteps(12,end)infinite;background:transparenturl(data:image/svg+xml;no-repeat;-webkit-background-size:100%;background-size:100%}@-webkit-keyframesweuiLoading{0%{-webkit-transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,360deg)}}@keyframesweuiLoading{0%{-webkit-transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,360deg)}}.gif_img_wrp{display:inline-block;font-size:0;position:relative;font-weight:400;font-style:normal;text-indent:0;text-shadow:none1px1pxrgba(0,0,0,0.5)}.gif_img_wrpimg{min-height:120px;min-width:120px;vertical-align:top}.gif_img_tips{background:rgba(0,0,0,0.6)!important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endcolorstr='#99000000');border-top-left-radius:1.2em50%;-moz-border-radius-topleft:1.2em50%;-webkit-border-top-left-radius:1.2em50%;border-top-rightright-radius:1.2em50%;-moz-border-radius-topright:1.2em50%;-webkit-border-top-rightright-radius:1.2em50%;border-bottom-left-radius:1.2em50%;-moz-border-radius-bottomleft:1.2em50%;-webkit-border-bottom-left-radius:1.2em50%;border-bottom-rightright-radius:1.2em50%;-moz-border-radius-bottomright:1.2em50%;-webkit-border-bottom-rightright-radius:1.2em50%;line-height:2.3;padding:01em;font-size:11px;color:#fff;text-align:center;position:absolute;bottombottom:10px;left:10px}.gif_img_tipsi{vertical-align:middle;margin:-0.2em.73em0-2px}.gif_img_play_arrow{display:inline-block;width:0;height:0;border-width:8px;border-style:dashed;border-color:transparent;border-right-width:0;border-left-color:#fff;border-left-style:solid;border-width:5px05px8px}.gif_img_loading{width:14px;height:14px}i.gif_img_loading{margin-left:-4px}.rich_media_global_msg{position:fixed;top:0;left:0;rightright:0;padding:1em35px1em15px;z-index:1;background-color:#c6e0f8;color:#8c8c8c;font-size:13px}.rich_media_global_msg.icon_closed{position:absolute;rightright:15px;top:50%;margin-top:-5px;line-height:300px;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparenturl(/mmbizwap/zh_CN/htmledition/images/icon/appmsg/icon_appmsg_msg_closed_sprite.2x.png)no-repeat00;width:11px;height:11px;vertical-align:middle;display:inline-block;-webkit-background-size:100%auto;background-size:100%auto}.rich_media_global_msg.icon_closed:active{background-position:0-17px}.preview_appmsg.rich_media_title{margin-top:1.9em}@mediascreenand(min-width:1024px){.rich_media_global_msg{position:relative;margin:020px}.preview_appmsg.rich_media_title{margin-top:0}}</style>
  13. </head>
  14. <bodyid="activity-detail"class="zh_CNmm_appmsg"ontouchstart="">
  15. <divid="js_article"class="rich_media">
  16. <divclass="rich_media_inner">
  17. <divid="page-content">
  18. <divid="img-content"class="rich_media_area_primary">
  19. <divclass="rich_media_content"id="js_content">
  20. <p><br/></p><p><br/></p><sectionlabel="Poweredby135editor.com"style="max-width:100%;font-family:微软雅黑;box-sizing:border-box!important;word-wrap:break-word!important;"><sectionclass=""style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionclass=""data-tools="135geovindu编辑器"data-id="87847"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionstyle="margin:10pxauto;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word!important;"><sectionstyle="padding:3px;max-width:100%;box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgb(78,130,247);display:inline-block;word-wrap:break-word!important;"><sectionstyle="max-width:100%;box-sizing:border-box;border-width:1px;border-style:dashed;border-color:rgb(78,130,247);word-wrap:break-word!important;"><pclass=""data-original-title=""title=""style="padding:0.1em0.4em;max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;">1</p></section></section></section></section><sectionclass=""style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionclass=""data-tools="135geovindu编辑器"data-id="2363"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectiondata-width="95%"style="margin-top:3em;margin-bottom:3em;margin-left:20px;max-width:100%;box-sizing:border-box;border-width:initial;border-style:none;border-color:rgb(162,161,160);width:636.5px;text-align:center;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="margin-right:auto;margin-left:auto;max-width:100%;box-sizing:border-box;width:572.844px;height:304px;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);transform:rotate3d(0,0,1,2deg);box-shadow:rgb(204,204,200)1px1px1px;color:inherit;word-wrap:break-word!important;"></section><sectiondata-width="90%"style="margin-top:-21em;margin-left:-1em;max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);box-shadow:rgb(204,204,200)1px1px1px;transform:rotate3d(0,0,1,-3deg);color:inherit;background-color:rgb(254,254,254);word-wrap:break-word!important;"><sectionclass=""data-width="90%"style="margin:15px;max-width:100%;box-sizing:border-box;width:462.188px;height:270.297px;color:inherit;background-image:url("http://mmbiz.qpic.cn/mmbiz_jpg/cfxQzmUp8b1XwcyzR3WLk2AbHVH9D8GxibnzaMicqDgib2M9Zgnb020U18DaNrQLgI3T16VPDV9SOTEUznfOJlvkQ/0?wx_fmt=jpeg");background-size:cover;background-position:50%50%;background-repeat:no-repeat;word-wrap:break-word!important;"></section><pstyle="max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section></section></section></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:center;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">你是砍柴的,他是放羊的,你和他聊了一天,他的羊吃饱了,你的柴呢?砍柴的陪不起放羊的…</span><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;font-size:17px;color:rgb(192,0,0);box-sizing:border-box!important;word-wrap:break-word!important;">——请放弃你的无效社交!</span></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><sectionclass=""data-tools="135geovindu编辑器"data-id="87847"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionstyle="margin:10pxauto;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word!important;"><sectionstyle="padding:3px;max-width:100%;box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgb(78,130,247);display:inline-block;word-wrap:break-word!important;"><sectionstyle="max-width:100%;box-sizing:border-box;border-width:1px;border-style:dashed;border-color:rgb(78,130,247);word-wrap:break-word!important;"><pclass=""data-original-title=""title=""style="padding:0.1em0.4em;max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;">2</p></section></section></section></section><sectionclass=""style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionclass=""data-tools="135geovindu编辑器"data-id="2363"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectiondata-width="95%"style="margin-top:3em;margin-bottom:3em;margin-left:20px;max-width:100%;box-sizing:border-box;border-width:initial;border-style:none;border-color:rgb(162,161,160);width:636.5px;text-align:center;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="margin-right:auto;margin-left:auto;max-width:100%;box-sizing:border-box;width:572.844px;height:304px;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);transform:rotate3d(0,0,1,2deg);box-shadow:rgb(204,204,200)1px1px1px;color:inherit;word-wrap:break-word!important;"></section><sectiondata-width="90%"style="margin-top:-21em;margin-left:-1em;max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);box-shadow:rgb(204,204,200)1px1px1px;transform:rotate3d(0,0,1,-3deg);color:inherit;background-color:rgb(254,254,254);word-wrap:break-word!important;"><sectionclass=""data-width="90%"style="margin:15px;max-width:100%;box-sizing:border-box;width:462.188px;height:270.297px;color:inherit;background-image:url("http://mmbiz.qpic.cn/mmbiz_png/cfxQzmUp8b1XwcyzR3WLk2AbHVH9D8Gxp5EvziaOib8J2pnwoc48lIjV7WZicOSQxA3L2Wr7XU1obyIiceicyDh1KrQ/0?wx_fmt=png");background-size:cover;background-position:50%50%;background-repeat:no-repeat;word-wrap:break-word!important;"></section><pstyle="max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section></section></section></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:center;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">你是砍柴的,他是放羊的,你和他聊了一天,如是你学会了放羊技巧,原来羊是这么放的,他学会了砍柴技能,原来柴要这样砍</span><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">。</span><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;font-size:17px;color:rgb(192,0,0);box-sizing:border-box!important;word-wrap:break-word!important;">——三人行必有我师,永远保持空杯的状态。</span></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><sectionclass=""data-tools="135geovindu编辑器"data-id="87847"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionstyle="margin:10pxauto;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word!important;"><sectionstyle="padding:3px;max-width:100%;box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgb(78,130,247);display:inline-block;word-wrap:break-word!important;"><sectionstyle="max-width:100%;box-sizing:border-box;border-width:1px;border-style:dashed;border-color:rgb(78,130,247);word-wrap:break-word!important;"><pclass=""data-original-title=""title=""style="padding:0.1em0.4em;max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;">3</p></section></section></section></section><sectionclass=""style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionclass=""data-tools="135geovindu编辑器"data-id="2363"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectiondata-width="95%"style="margin-top:3em;margin-bottom:3em;margin-left:20px;max-width:100%;box-sizing:border-box;border-width:initial;border-style:none;border-color:rgb(162,161,160);width:636.5px;text-align:center;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="margin-right:auto;margin-left:auto;max-width:100%;box-sizing:border-box;width:572.844px;height:304px;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);transform:rotate3d(0,0,1,2deg);box-shadow:rgb(204,204,200)1px1px1px;color:inherit;word-wrap:break-word!important;"></section><sectiondata-width="90%"style="margin-top:-21em;margin-left:-1em;max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);box-shadow:rgb(204,204,200)1px1px1px;transform:rotate3d(0,0,1,-3deg);color:inherit;background-color:rgb(254,254,254);word-wrap:break-word!important;"><sectionclass=""data-width="90%"style="margin:15px;max-width:100%;box-sizing:border-box;width:462.188px;height:270.297px;color:inherit;background-image:url("http://mmbiz.qpic.cn/mmbiz_jpg/cfxQzmUp8b1XwcyzR3WLk2AbHVH9D8GxIib772biaUYiadwY2S7bl3mnDR3FRcw2xuVltPNoaTEelsXQfpyictYgiaA/0?wx_fmt=jpeg");background-size:cover;background-position:50%50%;background-repeat:no-repeat;word-wrap:break-word!important;"></section><pstyle="max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section></section></section></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:center;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">你是砍柴的,他是放羊的,你和他聊了一天,他决定把他的羊跟你的柴交换,于是你有了羊,他也有了柴</span><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">。</span><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;font-size:17px;color:rgb(192,0,0);box-sizing:border-box!important;word-wrap:break-word!important;">——等价交换,不要看不起任何人,天生我才必有用。</span></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><sectionclass=""data-tools="135geovindu编辑器"data-id="87847"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionstyle="margin:10pxauto;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word!important;"><sectionstyle="padding:3px;max-width:100%;box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgb(78,130,247);display:inline-block;word-wrap:break-word!important;"><sectionstyle="max-width:100%;box-sizing:border-box;border-width:1px;border-style:dashed;border-color:rgb(78,130,247);word-wrap:break-word!important;"><pclass=""data-original-title=""title=""style="padding:0.1em0.4em;max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;">3</p></section></section></section></section><sectionclass=""style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionclass=""data-tools="135geovindu编辑器"data-id="2363"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectiondata-width="95%"style="margin-top:3em;margin-bottom:3em;margin-left:20px;max-width:100%;box-sizing:border-box;border-width:initial;border-style:none;border-color:rgb(162,161,160);width:636.5px;text-align:center;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="margin-right:auto;margin-left:auto;max-width:100%;box-sizing:border-box;width:572.844px;height:304px;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);transform:rotate3d(0,0,1,2deg);box-shadow:rgb(204,204,200)1px1px1px;color:inherit;word-wrap:break-word!important;"></section><sectiondata-width="90%"style="margin-top:-21em;margin-left:-1em;max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);box-shadow:rgb(204,204,200)1px1px1px;transform:rotate3d(0,0,1,-3deg);color:inherit;background-color:rgb(254,254,254);word-wrap:break-word!important;"><sectionclass=""data-width="90%"style="margin:15px;max-width:100%;box-sizing:border-box;width:462.188px;height:270.297px;color:inherit;background-image:url("http://mmbiz.qpic.cn/mmbiz_jpg/cfxQzmUp8b1XwcyzR3WLk2AbHVH9D8GxCfxr4a6RaNLbbGKjpRVwJbF2QSOf6torkFznesdO8oF0kPTicKzguzQ/0?wx_fmt=jpeg");background-size:cover;background-position:50%50%;background-repeat:no-repeat;word-wrap:break-word!important;"></section><pstyle="max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section></section></section></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:center;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">你是砍柴的,他是放羊的,你和他聊了一天,他把他买羊的客户介绍给了你,你把你买柴的客户介绍给了他,于是你们各自的生意越做越大</span><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">。</span><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;font-size:17px;color:rgb(192,0,0);box-sizing:border-box!important;word-wrap:break-word!important;">——资源整合很重要。</span></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><sectionclass=""data-tools="135geovindu编辑器"data-id="87847"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionstyle="margin:10pxauto;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word!important;"><sectionstyle="padding:3px;max-width:100%;box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgb(78,130,247);display:inline-block;word-wrap:break-word!important;"><sectionstyle="max-width:100%;box-sizing:border-box;border-width:1px;border-style:dashed;border-color:rgb(78,130,247);word-wrap:break-word!important;"><pclass=""data-original-title=""title=""style="padding:0.1em0.4em;max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;">5</p></section></section></section></section><sectionclass=""style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionclass=""data-tools="135geovindu编辑器"data-id="2363"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectiondata-width="95%"style="margin-top:3em;margin-bottom:3em;margin-left:20px;max-width:100%;box-sizing:border-box;border-width:initial;border-style:none;border-color:rgb(162,161,160);width:636.5px;text-align:center;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="margin-right:auto;margin-left:auto;max-width:100%;box-sizing:border-box;width:572.844px;height:304px;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);transform:rotate3d(0,0,1,2deg);box-shadow:rgb(204,204,200)1px1px1px;color:inherit;word-wrap:break-word!important;"></section><sectiondata-width="90%"style="margin-top:-21em;margin-left:-1em;max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);box-shadow:rgb(204,204,200)1px1px1px;transform:rotate3d(0,0,1,-3deg);color:inherit;background-color:rgb(254,254,254);word-wrap:break-word!important;"><sectionclass=""data-width="90%"style="margin:15px;max-width:100%;box-sizing:border-box;width:462.188px;height:270.297px;color:inherit;background-image:url("http://mmbiz.qpic.cn/mmbiz_png/cfxQzmUp8b1XwcyzR3WLk2AbHVH9D8GxspibCmkCwM04dxDiajR2p5xL17SOe74QL4E98plmzibVTD8aRMibhJDrlQ/0?wx_fmt=png");background-size:cover;background-position:50%50%;background-repeat:no-repeat;word-wrap:break-word!important;"></section><pstyle="max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section></section></section></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:center;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">你是砍柴的,他是放羊的,你和他聊了一天,你们决定合作一起开个烤全羊的店,你的柴烤出来的羊很美味,他的羊纯天然的,几年后你们公司上市了</span><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;font-size:17px;color:rgb(192,0,0);box-sizing:border-box!important;word-wrap:break-word!important;">——没有完美的个人,只有完美的团队。</span></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:right;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><sectionclass=""data-tools="135geovindu编辑器"data-id="87847"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionstyle="margin:10pxauto;max-width:100%;box-sizing:border-box;text-align:center;word-wrap:break-word!important;"><sectionstyle="padding:3px;max-width:100%;box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgb(78,130,247);display:inline-block;word-wrap:break-word!important;"><sectionstyle="max-width:100%;box-sizing:border-box;border-width:1px;border-style:dashed;border-color:rgb(78,130,247);word-wrap:break-word!important;"><pclass=""data-original-title=""title=""style="padding:0.1em0.4em;max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;">6</p></section></section></section></section><sectionclass=""style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectionclass=""data-tools="135geovindu编辑器"data-id="2363"style="max-width:100%;box-sizing:border-box;word-wrap:break-word!important;"><sectiondata-width="95%"style="margin-top:3em;margin-bottom:3em;margin-left:20px;max-width:100%;box-sizing:border-box;border-width:initial;border-style:none;border-color:rgb(162,161,160);width:636.5px;text-align:center;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="margin-right:auto;margin-left:auto;max-width:100%;box-sizing:border-box;width:572.844px;height:304px;color:inherit;word-wrap:break-word!important;"><sectiondata-width="90%"style="max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);transform:rotate3d(0,0,1,2deg);box-shadow:rgb(204,204,200)1px1px1px;color:inherit;word-wrap:break-word!important;"></section><sectiondata-width="90%"style="margin-top:-21em;margin-left:-1em;max-width:100%;box-sizing:border-box;width:515.547px;height:20em;border-width:1px;border-style:solid;border-color:rgb(162,161,160);box-shadow:rgb(204,204,200)1px1px1px;transform:rotate3d(0,0,1,-3deg);color:inherit;background-color:rgb(254,254,254);word-wrap:break-word!important;"><sectionclass=""data-width="90%"style="margin:15px;max-width:100%;box-sizing:border-box;width:462.188px;height:270.297px;color:inherit;background-image:url("http://mmbiz.qpic.cn/mmbiz_jpg/cfxQzmUp8b1XwcyzR3WLk2AbHVH9D8GxFG7BtvD3Kib2z4RRicicLMLYPpib9DBTIOllPaPS86SibQiaibjNmJCLuM3Gw/0?wx_fmt=jpeg");background-size:cover;background-position:50%50%;background-repeat:no-repeat;word-wrap:break-word!important;"></section><pstyle="max-width:100%;min-height:1em;white-space:normal;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section></section></section></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:center;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p></section><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(89,89,89);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">砍柴人陪放羊人聊了一天,表面上他一无所获,但是砍柴人通过放羊人聊天知道了哪个山的柴多,路好走。第二天收获满满回家了,没有无谓的社交。</span><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(192,0,0);font-size:17px;text-indent:2em;line-height:inherit;box-sizing:border-box!important;word-wrap:break-word!important;">——生命中的每一个遇见都是前世修来的福分,感恩生命中遇见的每一个人。</span><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><brstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"/></p><pstyle="max-width:100%;min-height:1em;white-space:normal;text-align:justify;text-indent:2em;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;color:rgb(0,32,96);text-shadow:rgb(255,255,0)2px2px10px;box-sizing:border-box!important;word-wrap:break-word!important;"><strongstyle="max-width:100%;box-sizing:border-box!important;word-wrap:break-word!important;"><spanstyle="max-width:100%;font-size:17px;box-sizing:border-box!important;word-wrap:break-word!important;">这几个故事告诉我们,面同一件事物,心态不一样,结果就会不一样</span></strong></span></p></section></section>
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. </body>
  26. </html>
  27. <!--tailTrap<body></body><head></head><html></html>-->

以上这篇css照片有如层叠效果的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例