《屋顶上的绿宝石》是由2006年台湾省八大北京东王文化发展有限公司、上海电影、北京华夏视听环球传媒集团有限公司在线文化发展有限公司联合出品，中国台湾制片，徐惠康、崔宝珠、王子鸣执导，杜政哲、徐誉庭、温郁芳编剧的爱情偶像。

该剧由霍建华、孙俪等主演，讲述了周念中和聂凯从小一起长大，感情深厚，认定友谊万岁的他们，直到遇到莫家琦，开启了在感情上的另一扇窗。

该剧于2006年9月30日在中国台湾首播，2007年7月4日在中国大陆播出。

一个纠结的家庭背景始于周念中（霍建华饰）和聂凯（胡宇威饰）身上。周念中和聂凯虽然不是亲生兄弟，但他们是一起长大的，关系比亲生兄弟更亲密。他们相信他们之间的友谊会一直持续下去，直到一个叫莫家琦（孙俪饰）的女孩走进他们的生活，才开启了他们在感情上的另一扇窗。莫家琦的出现，让这两个男生原本没有色彩的生活，绽放出绚丽多彩、光彩照人的花朵。情窦初开的两个人，不约而同地对莫家琦产生了好感。

莫家琦的父亲去世之前，留下两条绿宝石项链，一条给了家琦母亲梁蕊（刘雪华饰），一条给了家琦。梁蕊常告诉家琦，一个人一辈子只要真正爱过一次，抱着这样的回忆，也足以面对接下来人生的风风雨雨。因此，当家琦确定自己爱上念中时，她选择在白露日出的第一刻，将这条绿宝石偷偷放到念中的口袋。然而，念中为了顾及他与聂凯的兄弟情谊，选择了逃避。当家琦和念中感情暗暗萌芽，念中病重的母亲碧霞（邬倩倩饰）说出了念中的身世，逼迫念中回到生母碧云身边。从那时起，两人之间的距离，从此天南地北。念中拒绝接受碧云的关爱，甚至与碧云的丈夫唐起山（张国立饰）和其儿子唐世杰（贾乃亮饰）不和。就在这一天，趁着家琦的生日，他偷偷回到海南省，找不到碧霞。却意外地发现聂凯正在帮家琦过生日。聂凯甚至向家琦表白，念中的梦破碎了。回到上海市后，他接受了碧云的提议，前往英国留学。他离开了这个没有留下愉快回忆的地方。

在英国期间，念中遇上了凌佩妤（姚采颖饰）。娇纵刁蛮的佩妤，在一次念中的搭救之后，收留了念中，两人朝夕相处。在某一年的除夕，念中给佩妤煮了饺子，竟让她流下了思乡的泪水。一来一往间，佩妤对念中产生了感情，但在念中心里，始终惦念着海南岛上的家琦，常常想起远方那段美好的时光。然而念中不知道的是，家琦和梁蕊也来到了英国，因为他们的继父对家琦有所觊觎，梁睿非常生气，于是带着家琦远走他乡，投靠英国友人无果，家琦不得不努力工作做起苦工，而梁蕊则沉迷于赌博，靠着烟酒消愁。

直到这天，念中和终于在英国街头相遇。念中和家琦的重逢，点燃了对过去美好时光的怀念，却也让佩妤再也无法按捺心中的感情，这时的念中，靠着佩妤的关系和帮人理财重新获得了信心。然而，三角恋的蔓延让他不得不面对佩妤，并在心里做出一个真正的决定。佩妤一改往日的任性只为了留住念中，却还是换不回念中的心。眼看着这段感情就要尘埃落定了，不料梁蕊因为累积赌债不得不离开。佩妤好心提供了机票，家琦来不及和念中告别就赶到了机场，然而，这班飞机却失事了，家琦和梁蕊的名字在乘客名单上赫然在列。佩妤心里懊悔万分，但还是鼓起勇气安慰念中。

念中在研究所毕业之后，他们二人回到了海南省。念中被佩妤感动，与她订下婚约，并正式进驻饭店工作，年中惊讶地发现聂凯竟然也在这里工作，但最让他震惊的并不是这个，而是家琦没死，她并没有登上那架飞机。她为了赶回去取走她和念中的信物，躲过了空难，却躲不过一场车祸，当她再次出现时，她坐在轮椅上，双腿瘫痪。这一切聂凯都没有在意，反而全心全意的照顾着家琦。然而，念中对家琦却旧情难了，两人旧情复燃。

唐世杰对佩妤示爱，佩妤没有接受，恼羞成怒的唐世杰展开报复，将财务亏空的罪名嫁祸给了念中，聂凯和佩妤一起暗中调查，为念中洗清了冤屈。因爱生恨的唐世杰将刺刀瞄向了聂凯，危急时刻念中及时出现为聂凯挡了一刀，念中康复后和聂凯恢复了往日的兄弟情，佩妤也放下一切决定祝福。失去心智的唐世杰放火烧了家琦的家，导致家琦差点被烧死，佩妤为了救家琦受了重伤，纵火的唐世杰被绳之以法。念中认为这一切都是自己造成的，对不起佩妤，为了补偿她，他决定和佩妤结婚，

而家琦则随聂凯出国替母亲治病了。

《屋顶上的绿宝石》制作公司花费大成本前往英国、上海市、海南省等地拍摄，将几个年轻人之间浪漫的爱情故事随着优美外景地的转移、服装造型的变化呈现给观众，每集的制作成本达到了70万元。

《屋顶上的绿宝石》在伦敦拍摄的第三天，剧组来到了伦敦西南的著名海边度假胜地普莱顿拍摄游乐园与水族馆的戏。其中，最刺激的云霄飞车，导演为了抓到两位主角不同表情的镜头，让两个人坐了五六趟。第一趟，当大家满脸羡慕地看云霄飞车绕圈飞驰时，听到了霍建华在空中传出一声磁性的哀吼，连转了五六趟，终于可以走下阶梯的霍建华满脸涨红，几乎腿软却又敬业地走向下一站继续拍摄。

《屋顶上的绿宝石》在海南省拍摄时，有一场协议代写情书的戏，胡宇威为了更完整表达剧中角色的兴奋、快乐、激动的情绪，央求导演让他高兴至极然后往海里面跳，导演当场同意了他的请求。但胡宇崴自己主动要求加戏跳海的消息传到经纪人耳里时，却把经纪人吓坏了，立刻打电话询问实际状况，并谆谆告诫胡宇崴以后绝对不可以有类似的事件再度发生，毕竟艺人拍戏也必须注意本身的安全问题。不过，胡宇崴却表示当时那种无以言表的快乐与兴奋情绪真的需要一个比较特别的表达方式，才能宣泄内心无比的快乐。那里的海也很浅，所以他敢跳。

《屋顶上的绿宝石》最后一天拍摄的杀青戏是胡宇威与孙俪的吻戏。配合着剧中的生日蛋糕、心形图案的蜡烛、优美动人的钢琴曲，胡宇崴情不自禁的吻了孙俪，这一吻也正是他的荧屏初吻。胡宇崴表示很高兴把自己的初吻献给了孙俪，还好吻戏是最后拍，是在他们两人已经变成好朋友的时候才拍。虽然吻戏拍摄过程很顺利没有NG，但是导演要求从不同角度多拍几组镜头，所以胡宇崴也就意犹未尽地继续吻，似乎希望自己的每一个吻都让观众感受到时光凝结的爱情滋味。

《屋顶上的绿宝石》将阳光灿烂的椰岛海南，清新梦幻的伦敦、苏格兰王国，时尚繁华的上海外滩拍摄入镜，再加上演员们光鲜亮丽的时装造型，使全剧充满了青春浪漫的气息。孙俪和霍建华两位青春偶像第一次合作，就显得特别合拍，几场动人的情感对手戏演绎得催人泪下。开拍之前，张国立和张铁林曾经因为谁来演好爸爸、坏爸爸展开争夺，结果还是“老谋深算”的张国立略胜一筹。

工作人员称，姚采颖和孙俪这对戏里的冤家在戏外都快成了盟军，姚采颖属于非理智型消费，看着啥想要啥，而这时的孙俪会在约束好自己的同时也忠告采颖，但即便如此也没能刹住闸。

胡宇威与孙俪在英国出外景时经常结伴购物，孙俪大方向胡宇崴展示购物的战利品，拿着童装往胡宇崴身上比试，胡宇崴立刻摆姿势配合，逗得大伙哈哈大笑。

在英国拍戏，霍建华笑称自己快精神错乱了，一会儿跟姚采颖谈情，一会儿跟孙俪说爱，看似掉进蜜洞，实际上痛苦得要死。

霍建华与张国立、张铁林同台表演，表现力却丝毫不弱的霍建华也坦言，当时因为自己从没接受过演艺科班训练，曾经不只一次地想跑到学校进修演技。

剧中刘雪华突破性地扮演一位极其泼辣的辣妈。刘雪华称拍摄该剧还是有一些遗憾的。感觉自己的表演还不够泼辣，因为生活中的她就是直来直往的爽快之人。虽然不像《屋顶中绿宝石》中梁蕊那样势力泼辣，但却也是小小恶作剧的专家。

2006年9月30日，《屋顶上的绿宝石》在台湾省首播。

2007年6月，《屋顶上的绿宝石》在北京台三套播出。该剧每天收视都超过一个点，在最高时达到2.9%，是北京三套该时段已播剧中最好成绩。

2007年7月1日，《屋顶上的绿宝石》主演孙俪、霍建华、胡宇威来到杭州市，为该剧在全国卫视首播宣传。

2007年7月4日，《屋顶上的绿宝石》在浙江卫视、福建东南台、内蒙古卫视、贵州卫视同时播出。

该剧用一串绿宝石项链来寓意一段坚贞永恒的凄美爱情，美丽的绿宝石传说，却无法成全相爱的两个人能够厮守终身，命运的捉弄让这段恋情一波三折，最终无法终成眷属。

（数据截至2023年12月9日）

《屋顶上的绿宝石》是部深中了“韩毒”的作品，美丽传说、两小无猜、多角恋情、异地重逢、无缘牵手，再加上清一色的俊男美女阵容，在养眼的同时也赚足了观众的眼泪，虽没有韩剧里的死别，但男女主角念中和家绮无奈的生离，也是让观众们哀叹难过不已。青涩的17岁，是个穿制服的年代，一段恋情便在这天涯海角的海男从此开始了漫长交错的爱情轨迹。美丽的剧情，让人不禁遥想初恋的美好。而该剧最精彩的，莫过于掺入复杂的家族恩怨和错综的儿女情长，让一个原本简简单单的爱情故事，由一杯白开水变成了浓郁香醇的奶茶，耐人品味。（新浪娱乐评）

《屋顶上的绿宝石》两岸的青春偶像，霍建华、孙俪、姚采颖、胡宇葳的闪亮青春，是这一部戏的一大亮点，而张国立、刘雪华、张铁林、白冰冰的甘当绿叶，也为该剧添色不少。牵绊观众的剧情，感人的爱恨别离，让该剧成为合拍偶像的精品之作。（新浪娱乐评）

《屋顶上的绿宝石》是一部香港电台、大陆演员合作出演的作品，大陆台湾省两地演员的对手戏让人感觉很别扭。（新华网评）