diff --git a/templates/repo/settings/collaboration.tmpl b/templates/repo/settings/collaboration.tmpl
old mode 100644
new mode 100755
index b3f2c48ea..fc00bfdc5
--- a/templates/repo/settings/collaboration.tmpl
+++ b/templates/repo/settings/collaboration.tmpl
@@ -1,125 +1,157 @@
 {{template "base/head" .}}
+
+<style>
+    .activatelayer {
+        position: relative;
+        z-index: 2;
+    }
+</style>
+
 <div class="repository settings collaboration">
-	{{template "repo/header" .}}
-	{{template "repo/settings/navbar" .}}
-	<div class="ui container">
-		{{template "base/alert" .}}
-		<h4 class="ui top attached header">
-			{{.i18n.Tr "repo.settings.collaboration"}}
-		</h4>
-		{{if .Collaborators}}
-		<div class="ui attached segment collaborator list">
-			{{range .Collaborators}}
-				<div class="item ui grid">
-					<div class="ui five wide column">
-						<a href="{{AppSubUrl}}/{{.Name}}">
-							<img class="ui avatar image" src="{{.RelAvatarLink}}">
-							{{.DisplayName}}
-						</a>
-					</div>
-					<div class="ui eight wide column">
-						{{svg "octicon-shield-lock" 16}}
-						<div class="ui inline dropdown">
-							<div class="text">{{if eq .Collaboration.Mode 1}}{{$.i18n.Tr "repo.settings.collaboration.read"}}{{else if eq .Collaboration.Mode 2}}{{$.i18n.Tr "repo.settings.collaboration.write"}}{{else if eq .Collaboration.Mode 3}}{{$.i18n.Tr "repo.settings.collaboration.admin"}}{{else}}{{$.i18n.Tr "repo.settings.collaboration.undefined"}}{{end}}</div>
-							<i class="dropdown icon"></i>
-							<div class="access-mode menu" data-url="{{$.Link}}/access_mode" data-uid="{{.ID}}">
-							<div class="item" data-text="{{$.i18n.Tr "repo.settings.collaboration.admin"}}" data-value="3">{{$.i18n.Tr "repo.settings.collaboration.admin"}}</div>
-							<div class="item" data-text="{{$.i18n.Tr "repo.settings.collaboration.write"}}" data-value="2">{{$.i18n.Tr "repo.settings.collaboration.write"}}</div>
-							<div class="item" data-text="{{$.i18n.Tr "repo.settings.collaboration.read"}}" data-value="1">{{$.i18n.Tr "repo.settings.collaboration.read"}}</div>
-							</div>
-						</div>
-					</div>
-					<div class="ui two wide column">
-						<button class="ui red tiny button inline text-thin delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">
-							{{$.i18n.Tr "repo.settings.delete_collaborator"}}
-						</button>
-					</div>
-				</div>
-			{{end}}
-		</div>
-		{{end}}
-		<div class="ui bottom attached segment" style="z-index:-1">
-			<form class="ui form" id="repo-collab-form" action="{{.Link}}" method="post">
-				{{.CsrfTokenHtml}}
-				<div class="inline field ui left">
-					<div id="search-user-box" class="ui search">
-						<div class="ui input">
-							<input class="prompt" name="collaborator" placeholder="{{.i18n.Tr "repo.settings.search_user_placeholder"}}" autocomplete="off" autofocus required>
-						</div>
-					</div>
-				</div>
-				<button class="ui green button">{{.i18n.Tr "repo.settings.add_collaborator"}}</button>
-			</form>
-		</div>
+    {{template "repo/header" .}} {{template "repo/settings/navbar" .}}
+
+    <!-- 内容主体区 -->
+    <div class="ui container">
+
+        <!-- 标题区 -->
+        {{template "base/alert" .}}
+        <h4 class="ui attached header">
+            {{.i18n.Tr "repo.settings.collaboration"}}
+        </h4>
+
+        <!-- 搜索区 -->
+        <div class="ui attached segment">
+            <form class="ui form" id="repo-collab-form" action="{{.Link}}" method="post">
+                {{.CsrfTokenHtml}}
+                <div class="inline field ui left">
+                    <div id="search-user-box" class="ui search">
+                        <div class="ui input">
+                            <input class="prompt" name="collaborator" placeholder="{{.i18n.Tr "repo.settings.search_user_placeholder"}}" autocomplete="off" autofocus required>
+                        </div>
+                    </div>
+                </div>
+                <button class="ui green button">{{.i18n.Tr "repo.settings.add_collaborator"}}</button>
+            </form>
+        </div>
+
+        <!-- 协作者列表展示区 -->
+        {{if .Collaborators}}
+        <div class="ui attached segment collaborator list">
+            {{range .Collaborators}}
+            <div class="item ui grid">
+                <!-- 用户名 -->
+                <div class="ui five wide column">
+                    <a href="{{AppSubUrl}}/{{.Name}}">
+                        <img class="ui avatar image" src="{{.RelAvatarLink}}"> {{.DisplayName}}
+                    </a>
+                </div>
+
+                <!-- 协作者权限 -->
+                <div class="ui eight wide column">
+                    {{svg "octicon-shield-lock" 16}}
 
-		{{if .RepoOwnerIsOrganization}}
-		<h4 class="ui top attached header">
-			{{$.i18n.Tr "repo.settings.teams"}}
-		</h4>
-		{{ $allowedToChangeTeams := ( or (.Org.RepoAdminChangeTeamAccess) (.Permission.IsOwner)) }}
-		{{if .Teams}}
-		<div class="ui attached segment collaborator list">
-			{{range $t, $team := .Teams}}
-				<div class="item ui grid">
-					<div class="ui five wide column">
-						<a href="{{AppSubUrl}}/org/{{$.OrgName}}/teams/{{.LowerName}}">
+                    <div class="ui inline dropdown">
+                        <div class="text">
+                            {{if eq .Collaboration.Mode 1}}{{$.i18n.Tr "repo.settings.collaboration.read"}}{{else if eq .Collaboration.Mode 2}}{{$.i18n.Tr "repo.settings.collaboration.write"}}{{else if eq .Collaboration.Mode 3}}{{$.i18n.Tr "repo.settings.collaboration.admin"}}{{else}}{{$.i18n.Tr "repo.settings.collaboration.undefined"}}{{end}}
+                        </div>
+                        <i class="dropdown icon"></i>
+
+                        <div class="access-mode menu" data-url="{{$.Link}}/access_mode" data-uid="{{.ID}}">
+                            <div class="item" data-text="{{$.i18n.Tr "repo.settings.collaboration.admin"}}" data-value="3">{{$.i18n.Tr "repo.settings.collaboration.admin"}}</div>
+                            <div class="item" data-text="{{$.i18n.Tr  "repo.settings.collaboration.write"}}" data-value="2">{{$.i18n.Tr "repo.settings.collaboration.write"}}</div>
+                            <div class="item" data-text="{{$.i18n.Tr  "repo.settings.collaboration.read"}}" data-value="1">{{$.i18n.Tr "repo.settings.collaboration.read"}}</div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 删除按钮 -->
+                <div class="ui two wide column">
+                    <button class="ui red tiny button inline text-thin delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">
+                      {{$.i18n.Tr "repo.settings.delete_collaborator"}}
+                    </button>
+                </div>
+            </div>
+            {{end}}
+        </div>
+        {{end}}
+
+        <!-- 团队展示区 -->
+        {{if .RepoOwnerIsOrganization}}
+        <h4 class="ui attached header">
+            {{$.i18n.Tr "repo.settings.teams"}}
+        </h4>
+
+        {{ $allowedToChangeTeams := ( or (.Org.RepoAdminChangeTeamAccess) (.Permission.IsOwner)) }}
+        <div class="ui attached segment">
+            {{if $allowedToChangeTeams}}
+            <form class="ui form" id="repo-collab-team-form" action="{{.Link}}/team" method="post">
+                {{.CsrfTokenHtml}}
+                <div class="inline field ui left">
+                    <div id="search-team-box" class="ui search" data-org="{{.OrgName}}">
+                        <div class="ui input">
+                            <input class="prompt" name="team" placeholder="{{$.i18n.Tr "repo.settings.search_team"}}" autocomplete="off" autofocus required>
+                        </div>
+                    </div>
+                </div>
+                <button class="ui green button">{{$.i18n.Tr "repo.settings.add_team"}}</button>
+            </form>
+            {{else}}
+            <div class="item">
+                {{$.i18n.Tr "repo.settings.change_team_access_not_allowed"}}
+            </div>
+            {{end}}
+        </div>
+
+        {{if .Teams}}
+        <div class="ui attached segment collaborator list">
+            {{range $t, $team := .Teams}}
+            <div class="item ui grid">
+                <div class="ui five wide column">
+                    <a href="{{AppSubUrl}}/org/{{$.OrgName}}/teams/{{.LowerName}}">
 							{{.Name}}
 						</a>
-					</div>
-					<div class="ui eight wide column poping up" data-content="{{$.i18n.Tr "repo.settings.change_team_permission_tip"}}">
-						{{svg "octicon-shield-lock" 16}}
-						<div class="ui inline dropdown">
-							<div class="text">{{if eq .Authorize 1}}{{$.i18n.Tr "repo.settings.collaboration.read"}}{{else if eq .Authorize 2}}{{$.i18n.Tr "repo.settings.collaboration.write"}}{{else if eq .Authorize 3}}{{$.i18n.Tr "repo.settings.collaboration.admin"}}{{else if eq .Authorize 4}}{{$.i18n.Tr "repo.settings.collaboration.owner"}}{{else}}{{$.i18n.Tr "repo.settings.collaboration.undefined"}}{{end}}</div>
-						</div>
-						{{ if or (eq .Authorize 1) (eq .Authorize 2) }}
-							{{ $first := true }}
-							<div class="description">
-							Sections: {{range $u, $unit := $.Units}}{{if and ($.Repo.UnitEnabled $unit.Type) ($team.UnitEnabled $unit.Type)}}{{if $first}}{{ $first = false }}{{else}}, {{end}}{{$.i18n.Tr $unit.NameKey}}{{end}}{{end}} {{if $first}}None{{end}}
-							</div>
-						{{end}}
-					</div>
-					{{if $allowedToChangeTeams}}
-						<div class="ui two wide column {{if .IncludesAllRepositories}}poping up{{end}}" {{if .IncludesAllRepositories}} data-content="{{$.i18n.Tr "repo.settings.delete_team_tip"}}"{{end}}>
-							<button class="ui red tiny button inline text-thin delete-button {{if .IncludesAllRepositories}}disabled{{end}}" data-url="{{$.Link}}/team/delete" data-id="{{.ID}}">
-									{{$.i18n.Tr "repo.settings.delete_collaborator"}}
-							</button>
-						</div>
-					{{end}}
-				</div>
-			{{end}}
-		</div>
-		{{end}}
-		<div class="ui bottom attached segment" style="z-index:-1">
-			{{if $allowedToChangeTeams}}
-				<form class="ui form" id="repo-collab-team-form" action="{{.Link}}/team" method="post">
-					{{.CsrfTokenHtml}}
-					<div class="inline field ui left">
-						<div id="search-team-box" class="ui search" data-org="{{.OrgName}}">
-							<div class="ui input">
-								<input class="prompt" name="team" placeholder="{{$.i18n.Tr "repo.settings.search_team"}}" autocomplete="off" autofocus required>
-							</div>
-						</div>
-					</div>
-					<button class="ui green button">{{$.i18n.Tr "repo.settings.add_team"}}</button>
-				</form>
-			{{else}}
-				<div class="item">
-					{{$.i18n.Tr "repo.settings.change_team_access_not_allowed"}}
-				</div>
-			{{end}}
-		</div>
-		{{end}}
-	</div>
+                </div>
+                <div class="ui eight wide column poping up" data-content="{{$.i18n.Tr "repo.settings.change_team_permission_tip"}}">
+                    {{svg "octicon-shield-lock" 16}}
+                    <div class="ui inline dropdown">
+                        <div class="text">{{if eq .Authorize 1}}{{$.i18n.Tr "repo.settings.collaboration.read"}}{{else if eq .Authorize 2}}{{$.i18n.Tr "repo.settings.collaboration.write"}}{{else if eq .Authorize 3}}{{$.i18n.Tr "repo.settings.collaboration.admin"}}{{else if eq .Authorize 4}}{{$.i18n.Tr "repo.settings.collaboration.owner"}}{{else}}{{$.i18n.Tr "repo.settings.collaboration.undefined"}}{{end}}</div>
+                    </div>
+                    {{ if or (eq .Authorize 1) (eq .Authorize 2) }} {{ $first := true }}
+                    <div class="description">
+                        Sections: {{range $u, $unit := $.Units}}{{if and ($.Repo.UnitEnabled $unit.Type) ($team.UnitEnabled $unit.Type)}}{{if $first}}{{ $first = false }}{{else}}, {{end}}{{$.i18n.Tr $unit.NameKey}}{{end}}{{end}} {{if $first}}None{{end}}
+                    </div>
+                    {{end}}
+                </div>
+                {{if $allowedToChangeTeams}}
+                <div class="ui two wide column {{if .IncludesAllRepositories}}poping up{{end}}" {{if .IncludesAllRepositories}} data-content="{{$.i18n.Tr "repo.settings.delete_team_tip"}}"{{end}}>
+                    <button class="ui red tiny button inline text-thin delete-button {{if .IncludesAllRepositories}}disabled{{end}}" data-url="{{$.Link}}/team/delete" data-id="{{.ID}}">
+                            {{$.i18n.Tr "repo.settings.delete_collaborator"}}
+                    </button>
+                </div>
+                {{end}}
+            </div>
+            {{end}}
+        </div>
+        {{end}} {{end}}
+    </div>
 </div>
 
+<!-- 确认删除弹框 -->
 <div class="ui small basic delete modal">
-	<div class="ui icon header">
-		<i class="trash icon"></i>
-		{{.i18n.Tr "repo.settings.collaborator_deletion"}}
-	</div>
-	<div class="content">
-		<p>{{.i18n.Tr "repo.settings.collaborator_deletion_desc"}}</p>
-	</div>
-	{{template "base/delete_modal_actions" .}}
+    <div class="ui icon header">
+        <i class="trash icon"></i> {{.i18n.Tr "repo.settings.collaborator_deletion"}}
+    </div>
+    <div class="content">
+        <p>{{.i18n.Tr "repo.settings.collaborator_deletion_desc"}}</p>
+    </div>
+    {{template "base/delete_modal_actions" .}}
+</div>
 </div>
 {{template "base/footer" .}}
+
+<script>
+    $(".ui.inline.dropdown").click(function() {
+        $(this).parent().parent().siblings().removeClass("activatelayer")
+        $(this).parent().parent().addClass("activatelayer")
+    })
+</script>
\ No newline at end of file