千姿百态项目经理3——“牛逼”项目经理8

本文讲述了项目管理中的一些有趣实践,如团队抱怨会、办公室运动会等,以及在经济危机期间公司采取的一系列措施,包括减少员工福利和裁员。

后记

这个项目发生的事情其实还有很多,比如“团队抱怨会”,就是把所有的团队成员关在一个屋子里,让大家发泄一些自己的情绪,互相抱怨一下,当然领导是不能在场的,不然没人敢说话。很多人可能会担心这样做会引起团队地震,但如果能够把大家抱怨比较大的问题解决的话,也会在很大程度上稳定团队。还有“办公室运动会”,就是在办公室里边玩一些团队小游戏,发点小奖品什么的。也算是努力为大家找点乐子,缓解压力和做团队建设了。再有就是每天下午3点钟发点零食,每人一个茶叶蛋或者一小袋饼干,总之控制在每人1块钱左右,还有一次发的是小浣熊,满办公室都是咔嚓咔嚓的方便面声,现在想起来都觉得是很美好的回忆。

再后来,项目到了后期的时候,也到了经济危机影响比较大的时候,尤其公司主要面对的客户都是金融、证劵类的公司,影响就更大,这段时间公司的高管工资都给降了,所有员工都只发60%的工资,离职的员工不再进行挽留,剩下的40%的工资说在一个月之内给补发,但是到现在都没给。这样的状况,自然有很多人离职,而且在这种情况下,一般都是优秀的员工先离职,面对这样的情况,他也无能为力,好在项目已经快结束了,也到了减人的时候,员工离职还不会带来灾难性的后果。

再再后来,公司员工缩减,公司搬家,这些就都是后话了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS-盒子浮动与定位</title> <style> body{ background-image: url(pic/bg1.jpg); font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: darkgray; line-height: 1.5; margin: 0; } #father{ width:900px; background-color:white; background-image:url(pic/logo.gif); margin-left:auto; margin-right:auto; height:150px; background-repeat:no-repeat; background-position:right top; height:1100px; } #intro{ width:300px; border:1px gray dotted; margin:5px; padding:5px; float:left; } #intro img{ width:280px; height:220px; border:1px gray solid; } #scene{ width:555px; border:1px gray dotted; margin:5px; padding:5px; float:right; background-image:url(pic/bg3.jpg); margin-top:150px; position: relative; z-index: 1; } #scene img{ width:200px; height:170px; border:5px gray solid; float:left; margin-right: 10px; margin-bottom:10px; } #scene1,#scene2{ clear:both; width:450px; border-top:1px skyblue dashed; margin:10px auto; padding-top: 10px; } #food{ float:left; width:300px; border:1px gray dotted; margin-left:5px; padding:5px; clear: left; } #food img{ width:280px; height:220px; border:5px gray solid; } #pic6{ position:relative; top:150px; } .title1 h3, .title3 h3 { text-indent: -9999px; height: 0; margin: 0; padding: 0; } .title1 { background-image: url(pic/title1.gif); background-repeat: no-repeat; height: 70px; margin-bottom: 10px; } .title3 { background-image: url(pic/title3.gif); background-repeat: no-repeat; height: 40px; margin-bottom: 10px; } #extra-img { position: absolute; top: 500px; left: 500px; width: 150px; height: 100px; background-image: url(pic/bg0.gif); background-repeat: no-repeat; z-index: 2; }body{ background-image: url(pic/bg1.jpg); font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: darkgray; line-height: 1.5; margin: 0; } #father{ width:900px; background-color:white; background-image:url(pic/logo.gif); margin-left:auto; margin-right:auto; height:150px; background-repeat:no-repeat; background-position:right top; height:1100px; } #intro{ width:300px; border:1px gray dotted; margin:5px; padding:5px; float:left; } #intro img{ width:280px; height:220px; border:1px gray solid; } #scene{ width:555px; border:1px gray dotted; margin:5px; padding:5px; float:right; background-image:url(pic/bg3.jpg); margin-top:150px; position: relative; z-index: 1; } #scene img{ width:200px; height:170px; border:5px gray solid; float:left; margin-right: 10px; margin-bottom:10px; } #scene1,#scene2{ clear:both; width:450px; border-top:1px skyblue dashed; margin:10px auto; padding-top: 10px; } #food{ float:left; width:300px; border:1px gray dotted; margin-left:5px; padding:5px; clear: left; } #food img{ width:280px; height:220px; border:5px gray solid; } #pic6{ position:relative; top:150px; } .title1 h3, .title3 h3 { text-indent: -9999px; height: 0; margin: 0; padding: 0; } .title1 { background-image: url(pic/title1.gif); background-repeat: no-repeat; height: 70px; margin-bottom: 10px; } .title3 { background-image: url(pic/title3.gif); background-repeat: no-repeat; height: 40px; margin-bottom: 10px; } #extra-img { position: absolute; top: 500px; left: 500px; width: 150px; height: 100px; background-image: url(pic/bg0.gif); background-repeat: no-repeat; z-index: 2; }body{ background-image: url(pic/bg1.jpg); font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: darkgray; line-height: 1.5; margin: 0; } #father{ width:900px; background-color:white; background-image:url(pic/logo.gif); margin-left:auto; margin-right:auto; height:150px; background-repeat:no-repeat; background-position:right top; height:1100px; } #intro{ width:300px; border:1px gray dotted; margin:5px; padding:5px; float:left; } #intro img{ width:280px; height:220px; border:1px gray solid; } #scene{ width:555px; border:1px gray dotted; margin:5px; padding:5px; float:right; background-image:url(pic/bg3.jpg); margin-top:150px; position: relative; z-index: 1; } #scene img{ width:200px; height:170px; border:5px gray solid; float:left; margin-right: 10px; margin-bottom:10px; } #scene1,#scene2{ clear:both; width:450px; border-top:1px skyblue dashed; margin:10px auto; padding-top: 10px; } #food{ float:left; width:300px; border:1px gray dotted; margin-left:5px; padding:5px; clear: left; } #food img{ width:280px; height:220px; border:5px gray solid; } #pic6{ position:relative; top:150px; } .title1 h3, .title3 h3 { text-indent: -9999px; height: 0; margin: 0; padding: 0; } .title1 { background-image: url(pic/title1.gif); background-repeat: no-repeat; height: 70px; margin-bottom: 10px; } .title3 { background-image: url(pic/title3.gif); background-repeat: no-repeat; height: 40px; margin-bottom: 10px; } #extra-img { position: absolute; top: 500px; left: 500px; width: 150px; height: 100px; background-image: url(pic/bg0.gif); background-repeat: no-repeat; z-index: 2; }body{ background-image: url(pic/bg1.jpg); font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: darkgray; line-height: 1.5; margin: 0; } #father{ width:900px; background-color:white; background-image:url(pic/logo.gif); margin-left:auto; margin-right:auto; height:150px; background-repeat:no-repeat; background-position:right top; height:1100px; } #intro{ width:300px; border:1px gray dotted; margin:5px; padding:5px; float:left; } #intro img{ width:280px; height:220px; border:1px gray solid; } #scene{ width:555px; border:1px gray dotted; margin:5px; padding:5px; float:right; background-image:url(pic/bg3.jpg); margin-top:150px; position: relative; z-index: 1; } #scene img{ width:200px; height:170px; border:5px gray solid; float:left; margin-right: 10px; margin-bottom:10px; } #scene1,#scene2{ clear:both; width:450px; border-top:1px skyblue dashed; margin:10px auto; padding-top: 10px; } #food{ float:left; width:300px; border:1px gray dotted; margin-left:5px; padding:5px; clear: left; } #food img{ width:280px; height:220px; border:5px gray solid; } #pic6{ position:relative; top:150px; } .title1 h3, .title3 h3 { text-indent: -9999px; height: 0; margin: 0; padding: 0; } .title1 { background-image: url(pic/title1.gif); background-repeat: no-repeat; height: 70px; margin-bottom: 10px; } .title3 { background-image: url(pic/title3.gif); background-repeat: no-repeat; height: 40px; margin-bottom: 10px; } #extra-img { position: absolute; top: 500px; left: 500px; width: 150px; height: 100px; background-image: url(pic/bg0.gif); background-repeat: no-repeat; z-index: 2; } </style> </head> <body> <div id="father"> <div id="intro"> <div class="title1"><h3>阳朔概况</h3></div> <img class="pic1" src="pic/4.jpg" /> <p >阳朔县位桂林市区东南,隶属广西桂林市,位于漓江西岸,风景秀丽。建县始于隋开皇十年(公元590年),距今已1400余年。县城距桂林市区65公里,居住着汉、壮、瑶、回等13个民族。</p> </div><!--intro end--> <div id="scene"> <div class="title2"><h3>阳朔风光</h3></div> <img class="pic2" src="pic/2.jpg" /> <p class="text">“桂林山水甲天下,阳朔山水甲桂林”,高度概括了阳朔的自然风光在世界上所占有的重要位置。“山青、水秀、峰奇、洞巧”,为天下四绝。阳朔百里山川,处处奇山秀水,自然景观与人文景观交相辉映,被誉为“中国旅游名县”。</p> <div id="scene1"> <div class="title21"><h3>阳朔漓江景区</h3></div> <img class="pic3" src="pic/1.jpg" /> <p>这一景区江水清澄见底,宛如罗带的漓江蜿蜒于苍翠雄奇的群山之间,人称“百里漓江,百里画廊”。江边名山密集、千姿百态、翠竹丛丛,村落屋宇掩映在绿树丛中,构成一幅美丽的山水长轴,宛若一道千回百转的画廊。县境自杨堤冠岩村顺江而下,主要景点有:桃源仙境、浪石胜境、仙人推磨、绣山彩壁、鸳鸯戏水、九马画山、七姐下凡、螺蛳山等二十多处。乘舟游览这一景区,好似遨游仙宫,如入梦境,“分明看见青山顶,船在青山顶上行”。</p> </div><!--scene1 end--> <div id="scene2"> <div class="title22"><h3>遇龙河景区</h3></div> <img class="pic4" src="pic/3.jpg" /> <p>遇龙河是阳朔县第二大河,全长42.5公里,至书童山汇入漓江。河两岸奇峰秀丽。竹木苍翠、水质清澈、景色宜人。主要景点有:犀牛塘、水厄风光、五指山、朝阳寨、仙桂桥、遇龙桥、归义古城遗址、汉墓群、东晕岩、八仙过海等近20处。遇龙河田园风光旅游,最适宜采用三、五成群结伴徒步的游赏方式。遇龙河水清见底,一切都是静悄悄的,偶有飞鸟鸣聚,水车吱吱呀呀,旅游者可感受真正“诗境家园”的意韵。</p> </div><!--scene2 end--> </div><!--scene end--> <div id="food"> <div class="title3"><h3>美食</h3></div> <img class="pic5" src="pic/7.jpg" /> <p>漓江啤酒鱼:不吃不知道,一吃吓一跳,大名如雷贯耳,如果不试一下就真的枉费到此一游。啤酒鱼有点像川菜中火锅鱼的做法,先把鱼在油里煎一煎,再放啤酒及各种调料烧制而成。烧的器具很特别,鱼放在一个平底的盘子里,盘子下面是一个盆子,放了些水,再下面才是火,而不像是川菜火锅直接将锅放在炉火上面。这样上面的鱼不易烧糊且受热均匀,入口果然鲜辣可口,无一丝鱼本身的腥味。对了,一定要吃带鳞的,正宗的啤酒鱼,鱼鳞都炸得非常脆。好吃极了。</p> </div><!--food end--> </div><!--father end--> </body> </html> 为什么bg0不能显示
最新发布
11-06
代码概述 该代码是一个静态网页,使用了 HTML 与 CSS 实现页面布局和样式设计。页面主体结构包含多个浮动(`float`)布局的区域,如介绍、风景、美食等模块,并使用了相对定位(`relative`)和绝对定位(`absolute`)实现图层控制。其中,`#extra-img` 使用 `position: absolute` 定位,试图在页面上显示一张额外的背景图片 `bg0.gif`。 代码解析 1. **问题定位**: 元素 `#extra-img` 设置了: ```css position: absolute; top: 500px; left: 500px; width: 150px; height: 100px; background-image: url(pic/bg0.gif); background-repeat: no-repeat; z-index: 2; ``` 理论上应在页面中显示一张位于 `(500px, 500px)` 的背景图,但实际未显示。 2. **原因分析**: - 虽然设置了 `background-image`,但 `#extra-img` 是一个**空的 div**,且没有内容或伪元素填充。 - 其父容器 `#father` 设置了明确的高度(`height: 1100px`),但 `#extra-img` 的 `position: absolute` 是相对于**最近的已定位祖先元素**(即 `position` 为 `relative`、`absolute` 或 `fixed` 的祖先)进行定位。 - 然而,`#father` 并未设置 `position: relative`,因此 `#extra-img` 可能脱离预期布局范围,或被其他元素遮挡。 - 更关键的是:`#extra-img` **定义了多次相同的样式块**,并且在 `<body>` 内部**没有对应的 HTML 元素**!查看 HTML 结构,并无 `<div id="extra-img"></div>`。 3. **根本问题**: **CSS 中定义了 `#extra-img` 样式,但在 HTML 中并未创建该元素**,因此即使样式正确,也无法渲染任何内容。 4. **解决方案**: 在 `<body>` 中添加对应元素: ```html <div id="extra-img"></div> ``` 同时确保其定位上下文正确,建议给 `#father` 添加: ```css #father { position: relative; /* 建立定位上下文 */ } ``` 知识点 - **绝对定位依赖定位上下文**:`position: absolute` 相对于最近的 `position` 非 `static` 的祖先元素定位,若无则相对 `body`。 - **CSS 选择器需对应 HTML 元素**:定义 `#id` 样式但无对应标签,则样式不生效。 - **空元素需尺寸或内容才可见**:即使有背景图,若元素宽高为 0 且无内容,则无法显示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值