Skip to content

梁建民 / www.buildpcba.com

Go to a project
Commit f45441dc by liangjianmin
Options

update(index.html): 调整多个层的垂直位置以优化页面布局 

- 修改多个层的 `top` 属性值，提升页面元素的可视化效果
- 确保页面结构的一致性和美观性
- 涉及多个层的样式调整，保持功能不变
parent 1bb474fb
Inline Side-by-side
Showing with 26 additions and 26 deletions
index.html
......@@ -734,7 +734,7 @@
</div>
<script> $('#layer50317532BDF7B913365C58BB84CC55D4').triggerHandler('layer_ready');</script>
<div id='layerB2B07AB0D16055CB0BA461C28DAF5607' type='title' class='cstlayer' style='left: 0px; top: 789px; width: 1200px; height: 73px; display: block; position: absolute; z-index: 124;display:none; ' mid="" deg='0'>
<div id='layerB2B07AB0D16055CB0BA461C28DAF5607' type='title' class='cstlayer' style='left: 0px; top: 2445px; width: 1200px; height: 73px; display: block; position: absolute; z-index: 124;display:none; ' mid="" deg='0'>
<div class="wp-title_content" style="background-position: top; padding: 0px; border: 0px solid transparent; width: 1200px; height: 73px; display: block; word-wrap: break-word; background-image: url('upload/templatefiles/n-titlebg02.png'); background-repeat:no-repeat; border-image: none;">
<div style="text-align: center;"><span style="color: rgb(65, 64, 63); line-height: 145%; font-family: 微软雅黑; font-size: 28px;"><strong>业务范围</strong></span></div>
<div style="text-align: center;"><span style="color: rgb(199, 199, 199); line-height: 145%; font-family: 微软雅黑; font-size: 14px;">SCOPE OF BUSINESS</span></div>
......@@ -743,7 +743,7 @@
</div>
<script> $('#layerB2B07AB0D16055CB0BA461C28DAF5607').data('wopop_effects', {"effect": "fade", "delay": 0, "duration": 0.9, "loop": 0, "loop_infinite": "0"});
$('#layerB2B07AB0D16055CB0BA461C28DAF5607').triggerHandler('layer_ready');</script>
<div id='layerB2E185C47761A9CB7C00DF9254FE02BB' type='box' class='cstlayer' style='left: 615px; top: 889px; width: 585px; height: 210px; position: absolute; z-index: 127; ' mid="" deg='0'>
<div id='layerB2E185C47761A9CB7C00DF9254FE02BB' type='box' class='cstlayer' style='left: 615px; top: 2545px; width: 585px; height: 210px; position: absolute; z-index: 127; ' mid="" deg='0'>
<div class="wp-box_content drop_box" style="background-position: center; padding: 0px; border: 0px solid transparent; width: 585px; height: 210px; word-wrap: break-word; background-color: rgb(12, 52, 61); border-image: none;">
<div id='layer788069672A72B95B71393A9B2C04A70A' type='media' class='cstlayer' style='left: 0px; top: 0px; width: 315px; height: 210px; display: block; position: absolute; z-index: 166;display:none; ' mid="" fatherid='layerB2E185C47761A9CB7C00DF9254FE02BB' deg='0'>
<script>
......@@ -794,7 +794,7 @@
</div>
</div>
<script> $('#layerB2E185C47761A9CB7C00DF9254FE02BB').triggerHandler('layer_ready');</script>
<div id='layer3D5F5ADCD007AC095A424B01DA336DEB' type='box' class='cstlayer' style='left: 0px; top: 889px; width: 585px; height: 211px; position: absolute; z-index: 129; ' mid="" deg='0'>
<div id='layer3D5F5ADCD007AC095A424B01DA336DEB' type='box' class='cstlayer' style='left: 0px; top: 2545px; width: 585px; height: 211px; position: absolute; z-index: 129; ' mid="" deg='0'>
<div class="wp-box_content drop_box" style="background-position: center; padding: 0px; border: 0px solid transparent; width: 585px; height: 211px; word-wrap: break-word; background-color: rgb(12, 52, 61); border-image: none;">
<div id='layerA492C059422749D86FD16FA1D5F9396D' type='title' class='cstlayer' style='left: 340px; top: 20px; width: 222px; height: 108px; position: absolute; z-index: 180; ' mid="" fatherid='layer3D5F5ADCD007AC095A424B01DA336DEB' deg='0'>
<div class="wp-title_content" style="padding: 0px; border: 0px solid transparent; border-image: none; width: 222px; height: 108px; display: block; -ms-word-wrap: break-word;">
......@@ -846,7 +846,7 @@
</div>
</div>
<script> $('#layer3D5F5ADCD007AC095A424B01DA336DEB').triggerHandler('layer_ready');</script>
<div id='layer639000D3E9185E6FAFADF96CF3A625FA' type='box' class='cstlayer' style='left: 615px; top: 1129px; width: 585px; height: 210px; position: absolute; z-index: 128; ' mid="" deg='0'>
<div id='layer639000D3E9185E6FAFADF96CF3A625FA' type='box' class='cstlayer' style='left: 615px; top: 2785px; width: 585px; height: 210px; position: absolute; z-index: 128; ' mid="" deg='0'>
<div class="wp-box_content drop_box" style="background-position: center; padding: 0px; border: 0px solid transparent; width: 585px; height: 210px; word-wrap: break-word; background-color: rgb(12, 52, 61); border-image: none;">
<div id='layer684B6F54E472C9F9289838C826F12BF1' type='media' class='cstlayer' style='left: 0px; top: 0px; width: 315px; height: 210px; display: block; position: absolute; z-index: 173;display:none; ' mid="" fatherid='layer639000D3E9185E6FAFADF96CF3A625FA' deg='0'>
<script>
......@@ -898,7 +898,7 @@
</div>
</div>
<script> $('#layer639000D3E9185E6FAFADF96CF3A625FA').triggerHandler('layer_ready');</script>
<div id='layerC00797B877855AF8922995E2704DA307' type='box' class='cstlayer' style='left: 0px; top: 1129px; width: 585px; height: 210px; position: absolute; z-index: 145; ' mid="" deg='0'>
<div id='layerC00797B877855AF8922995E2704DA307' type='box' class='cstlayer' style='left: 0px; top: 2785px; width: 585px; height: 210px; position: absolute; z-index: 145; ' mid="" deg='0'>
<div class="wp-box_content drop_box" style="background-position: center; padding: 0px; border: 0px solid transparent; width: 585px; height: 210px; word-wrap: break-word; background-color: rgb(12, 52, 61); border-image: none;">
<div id='layer38753883009C289D3ED7377E4AEB42ED' type='media' class='cstlayer' style='left: 2px; top: 0px; width: 315px; height: 210px; display: block; position: absolute; z-index: 121;display:none; ' mid="" fatherid='layerC00797B877855AF8922995E2704DA307' deg='0'>
<script>
......@@ -950,7 +950,7 @@
</div>
</div>
<script> $('#layerC00797B877855AF8922995E2704DA307').triggerHandler('layer_ready');</script>
<div id="layerB2BF4C46FFDBF83F480466FFBE0095DC" class="full_column" style="width:1200px;position:absolute;top:1419px;height:589px;z-index:130;">
<div id="layerB2BF4C46FFDBF83F480466FFBE0095DC" class="full_column" style="width:1200px;position:absolute;top:1844px;height:589px;z-index:130;">
<div class="full_width " style="position:absolute;height:589px;background-color:transparent;background:;background-repeat:no-repeat;background-position:center center;background-image:url('upload/templatefiles/n-bbg.jpg');background-attachment:fixed;">
</div>
<div class="full_content" style="width:1200px; position:absolute;left:0;top:0;margin-left: 0px;;height:589px;">
......@@ -1006,7 +1006,7 @@
</script>
<div id='layerBBF4DD732DA3635BDFFE6B583D27ABE5' type='title' class='cstlayer' style='left: 0px; top: 2020px; width: 1198px; height: 66px; display: block; position: absolute; z-index: 162;display:none; ' mid="" deg='0'>
<div id='layerBBF4DD732DA3635BDFFE6B583D27ABE5' type='title' class='cstlayer' style='left: 0px; top: 789px; width: 1198px; height: 66px; display: block; position: absolute; z-index: 162;display:none; ' mid="" deg='0'>
<div class="wp-title_content" style="background-position: top; padding: 0px; border: 0px solid transparent; width: 1198px; height: 66px; display: block; word-wrap: break-word; background-image: url('upload/templatefiles/n-titlebg02.png'); background-repeat:no-repeat; border-image: none;">
<div style="text-align: center;"><span style="color: rgb(65, 64, 63); line-height: 145%; font-family: 微软雅黑; font-size: 28px;"><strong>产品设备</strong></span></div>
<div style="text-align: center;"><span style="color: rgb(199, 199, 199); line-height: 145%; font-family: 微软雅黑; font-size: 14px;">PRODUCT EQUIPMENT</span></div>
......@@ -1015,7 +1015,7 @@
</div>
<script> $('#layerBBF4DD732DA3635BDFFE6B583D27ABE5').data('wopop_effects', {"effect": "fade", "delay": 0, "duration": 0.9, "loop": 0, "loop_infinite": "0"});
$('#layerBBF4DD732DA3635BDFFE6B583D27ABE5').triggerHandler('layer_ready');</script>
<div id='layer8D02497F93052962D2E61E7A615B276F' type='media' class='cstlayer' style='left: 0px; top: 2089px; width: 390px; height: 246px; position: absolute; z-index: 163; ' mid="" deg='0'>
<div id='layer8D02497F93052962D2E61E7A615B276F' type='media' class='cstlayer' style='left: 0px; top: 858px; width: 390px; height: 246px; position: absolute; z-index: 163; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer8D02497F93052962D2E61E7A615B276F', false);
</script>
......@@ -1034,7 +1034,7 @@
</script>
</div>
<script> $('#layer8D02497F93052962D2E61E7A615B276F').triggerHandler('layer_ready');</script>
<div id='layer7EEA40C69B8C245D92763BF78DF3F62E' type='media' class='cstlayer' style='left: 810px; top: 2091px; width: 390px; height: 246px; position: absolute; z-index: 164; ' mid="" deg='0'>
<div id='layer7EEA40C69B8C245D92763BF78DF3F62E' type='media' class='cstlayer' style='left: 810px; top: 860px; width: 390px; height: 246px; position: absolute; z-index: 164; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer7EEA40C69B8C245D92763BF78DF3F62E', false);
</script>
......@@ -1053,7 +1053,7 @@
</script>
</div>
<script> $('#layer7EEA40C69B8C245D92763BF78DF3F62E').triggerHandler('layer_ready');</script>
<div id='layer68B62F9FF30DE0611089B6083CCED907' type='media' class='cstlayer' style='left: 409px; top: 2092px; width: 390px; height: 246px; position: absolute; z-index: 166; ' mid="" deg='0'>
<div id='layer68B62F9FF30DE0611089B6083CCED907' type='media' class='cstlayer' style='left: 409px; top: 861px; width: 390px; height: 246px; position: absolute; z-index: 166; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer68B62F9FF30DE0611089B6083CCED907', false);
</script>
......@@ -1072,22 +1072,22 @@
</script>
</div>
<script> $('#layer68B62F9FF30DE0611089B6083CCED907').triggerHandler('layer_ready');</script>
<div id='layer7DCA694C3CF9E8553C68F18376A802AA' type='title' class='cstlayer' style='left: 970px; top: 2348px; width: 150px; height: 22px; position: absolute; z-index: 149; ' mid="" deg='0'>
<div id='layer7DCA694C3CF9E8553C68F18376A802AA' type='title' class='cstlayer' style='left: 970px; top: 1117px; width: 150px; height: 22px; position: absolute; z-index: 149; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 22px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">德森印刷机</span></div>
</div>
<script> $('#layer7DCA694C3CF9E8553C68F18376A802AA').triggerHandler('layer_ready');</script>
<div id='layerEFFC39743A5085AC5D8451A8EF0574F5' type='title' class='cstlayer' style='left: 136px; top: 2349px; width: 150px; height: 28px; position: absolute; z-index: 147; ' mid="" deg='0'>
<div id='layerEFFC39743A5085AC5D8451A8EF0574F5' type='title' class='cstlayer' style='left: 136px; top: 1118px; width: 150px; height: 28px; position: absolute; z-index: 147; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 28px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">富士高速贴片机</span></div>
</div>
<script> $('#layerEFFC39743A5085AC5D8451A8EF0574F5').triggerHandler('layer_ready');</script>
<div id='layer94458CA3F9008BFD9858481EE9FDEB22' type='title' class='cstlayer' style='left: 549px; top: 2350px; width: 150px; height: 30px; position: absolute; z-index: 148; ' mid="" deg='0'>
<div id='layer94458CA3F9008BFD9858481EE9FDEB22' type='title' class='cstlayer' style='left: 549px; top: 1119px; width: 150px; height: 30px; position: absolute; z-index: 148; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 30px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">松下高速贴片机</span></div>
</div>
<script> $('#layer94458CA3F9008BFD9858481EE9FDEB22').triggerHandler('layer_ready');</script>
<div id='layer6226FCE537E8039ECA3673D96BC2E456' type='media' class='cstlayer' style='left: 0px; top: 2396px; width: 390px; height: 246px; position: absolute; z-index: 150; ' mid="" deg='0'>
<div id='layer6226FCE537E8039ECA3673D96BC2E456' type='media' class='cstlayer' style='left: 0px; top: 1165px; width: 390px; height: 246px; position: absolute; z-index: 150; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer6226FCE537E8039ECA3673D96BC2E456', false);
</script>
......@@ -1106,12 +1106,12 @@
</script>
</div>
<script> $('#layer6226FCE537E8039ECA3673D96BC2E456').triggerHandler('layer_ready');</script>
<div id='layerCB679F38F82FD587E0C2200006D710EA' type='title' class='cstlayer' style='left: 507px; top: 2397px; width: 150px; height: 24px; position: absolute; z-index: 160; ' mid="" deg='0'>
<div id='layerCB679F38F82FD587E0C2200006D710EA' type='title' class='cstlayer' style='left: 507px; top: 1166px; width: 150px; height: 24px; position: absolute; z-index: 160; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 24px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">松下高速贴片机</span></div>
</div>
<script> $('#layerCB679F38F82FD587E0C2200006D710EA').triggerHandler('layer_ready');</script>
<div id='layer051BB2A04DA7E8F8F0BC36CE6CFB57FA' type='media' class='cstlayer' style='left: 413px; top: 2397px; width: 390px; height: 246px; position: absolute; z-index: 167; ' mid="" deg='0'>
<div id='layer051BB2A04DA7E8F8F0BC36CE6CFB57FA' type='media' class='cstlayer' style='left: 413px; top: 1166px; width: 390px; height: 246px; position: absolute; z-index: 167; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer051BB2A04DA7E8F8F0BC36CE6CFB57FA', false);
</script>
......@@ -1130,7 +1130,7 @@
</script>
</div>
<script> $('#layer051BB2A04DA7E8F8F0BC36CE6CFB57FA').triggerHandler('layer_ready');</script>
<div id='layerF4E1CCDC5E84B4A13A8C682B7389DFA2' type='media' class='cstlayer' style='left: 813px; top: 2398px; width: 387px; height: 244px; position: absolute; z-index: 154; ' mid="" deg='0'>
<div id='layerF4E1CCDC5E84B4A13A8C682B7389DFA2' type='media' class='cstlayer' style='left: 813px; top: 1167px; width: 387px; height: 244px; position: absolute; z-index: 154; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layerF4E1CCDC5E84B4A13A8C682B7389DFA2', false);
</script>
......@@ -1149,22 +1149,22 @@
</script>
</div>
<script> $('#layerF4E1CCDC5E84B4A13A8C682B7389DFA2').triggerHandler('layer_ready');</script>
<div id='layer3CE8E19E2419B724942F87B272578909' type='title' class='cstlayer' style='left: 151px; top: 2653px; width: 150px; height: 31px; position: absolute; z-index: 151; ' mid="" deg='0'>
<div id='layer3CE8E19E2419B724942F87B272578909' type='title' class='cstlayer' style='left: 151px; top: 1422px; width: 150px; height: 31px; position: absolute; z-index: 151; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 31px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">GKG印刷机</span></div>
</div>
<script> $('#layer3CE8E19E2419B724942F87B272578909').triggerHandler('layer_ready');</script>
<div id='layerBB4A22F45EC239A453230A06F9023194' type='title' class='cstlayer' style='left: 574px; top: 2654px; width: 150px; height: 24px; position: absolute; z-index: 153; ' mid="" deg='0'>
<div id='layerBB4A22F45EC239A453230A06F9023194' type='title' class='cstlayer' style='left: 574px; top: 1423px; width: 150px; height: 24px; position: absolute; z-index: 153; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 24px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">劲拓回流炉</span></div>
</div>
<script> $('#layerBB4A22F45EC239A453230A06F9023194').triggerHandler('layer_ready');</script>
<div id='layer17EC558EC6C252DFCDD41A0CDEFD309F' type='title' class='cstlayer' style='left: 962px; top: 2656px; width: 150px; height: 34px; position: absolute; z-index: 155; ' mid="" deg='0'>
<div id='layer17EC558EC6C252DFCDD41A0CDEFD309F' type='title' class='cstlayer' style='left: 962px; top: 1425px; width: 150px; height: 34px; position: absolute; z-index: 155; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 34px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">日东回流炉</span></div>
</div>
<script> $('#layer17EC558EC6C252DFCDD41A0CDEFD309F').triggerHandler('layer_ready');</script>
<div id='layer0D118742A29CFDD870600D4FC79E2554' type='media' class='cstlayer' style='left: 810px; top: 2704px; width: 390px; height: 246px; position: absolute; z-index: 170; ' mid="" deg='0'>
<div id='layer0D118742A29CFDD870600D4FC79E2554' type='media' class='cstlayer' style='left: 810px; top: 1473px; width: 390px; height: 246px; position: absolute; z-index: 170; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer0D118742A29CFDD870600D4FC79E2554', false);
</script>
......@@ -1183,7 +1183,7 @@
</script>
</div>
<script> $('#layer0D118742A29CFDD870600D4FC79E2554').triggerHandler('layer_ready');</script>
<div id='layer281494DE1C1F35F64DB52203BCE0630A' type='media' class='cstlayer' style='left: 409px; top: 2706px; width: 390px; height: 246px; position: absolute; z-index: 158; ' mid="" deg='0'>
<div id='layer281494DE1C1F35F64DB52203BCE0630A' type='media' class='cstlayer' style='left: 409px; top: 1475px; width: 390px; height: 246px; position: absolute; z-index: 158; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer281494DE1C1F35F64DB52203BCE0630A', false);
</script>
......@@ -1202,7 +1202,7 @@
</script>
</div>
<script> $('#layer281494DE1C1F35F64DB52203BCE0630A').triggerHandler('layer_ready');</script>
<div id='layer2AE155BB68657034F01430F773F51DB2' type='media' class='cstlayer' style='left: 0px; top: 2707px; width: 390px; height: 246px; position: absolute; z-index: 152; ' mid="" deg='0'>
<div id='layer2AE155BB68657034F01430F773F51DB2' type='media' class='cstlayer' style='left: 0px; top: 1476px; width: 390px; height: 246px; position: absolute; z-index: 152; ' mid="" deg='0'>
<script>
create_pc_media_set_pic('layer2AE155BB68657034F01430F773F51DB2', false);
</script>
......@@ -1221,17 +1221,17 @@
</script>
</div>
<script> $('#layer2AE155BB68657034F01430F773F51DB2').triggerHandler('layer_ready');</script>
<div id='layerC0B7362950D6DD577E491776E8FDC515' type='title' class='cstlayer' style='left: 993px; top: 2960px; width: 150px; height: 27px; position: absolute; z-index: 157; ' mid="" deg='0'>
<div id='layerC0B7362950D6DD577E491776E8FDC515' type='title' class='cstlayer' style='left: 993px; top: 1729px; width: 150px; height: 27px; position: absolute; z-index: 157; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 27px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">AOI</span></div>
</div>
<script> $('#layerC0B7362950D6DD577E491776E8FDC515').triggerHandler('layer_ready');</script>
<div id='layer9BFC58406D48C8EAB620FD55DA80C011' type='title' class='cstlayer' style='left: 565px; top: 2964px; width: 150px; height: 28px; position: absolute; z-index: 159; ' mid="" deg='0'>
<div id='layer9BFC58406D48C8EAB620FD55DA80C011' type='title' class='cstlayer' style='left: 565px; top: 1733px; width: 150px; height: 28px; position: absolute; z-index: 159; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 28px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">思泰克SPI</span></div>
</div>
<script> $('#layer9BFC58406D48C8EAB620FD55DA80C011').triggerHandler('layer_ready');</script>
<div id='layer61FF4DBBE8EBFEC88F1E30C3DFA6253B' type='title' class='cstlayer' style='left: 144px; top: 2965px; width: 150px; height: 30px; position: absolute; z-index: 161; ' mid="" deg='0'>
<div id='layer61FF4DBBE8EBFEC88F1E30C3DFA6253B' type='title' class='cstlayer' style='left: 144px; top: 1734px; width: 150px; height: 30px; position: absolute; z-index: 161; ' mid="" deg='0'>
<div class="wp-title_content" style="border-width: 0px; border-color: transparent; padding: 0px; width: 150px; height: 30px; display: block; word-wrap: break-word;"><span style="font-size: 16px;">振华兴SPI</span></div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment