Index: typo3/sysext/t3skin/stylesheets/ext-cms-layout-db-layout-php.css
===================================================================
--- typo3/sysext/t3skin/stylesheets/ext-cms-layout-db-layout-php.css	(revision 3090)
+++ typo3/sysext/t3skin/stylesheets/ext-cms-layout-db-layout-php.css	(working copy)
@@ -4,4 +4,16 @@
 
 .typo3-page-colHeader .bgColor2 div {
 	color: #FFFFFF;
-}
\ No newline at end of file
+}
+
+/* ----- class.tx_cms_layout.php - Control Panel Opacity ----- */
+#ext-cms-layout-db-layout-php .opacity-off {
+	opacity: .05;
+	filter: alpha(opacity=50);
+}
+#ext-cms-layout-db-layout-php .opacity-on {
+	opacity: 1;
+	filter: alpha(opacity=100);
+
+}
+
Index: typo3/sysext/cms/layout/class.tx_cms_layout.php
===================================================================
--- typo3/sysext/cms/layout/class.tx_cms_layout.php	(revision 3090)
+++ typo3/sysext/cms/layout/class.tx_cms_layout.php	(working copy)
@@ -454,7 +454,7 @@
 							if ($this->defLangBinding && $this->tt_contentConfig['languageMode'])	{
 								$defLangBinding[$key][$lP][$row[($lP ? 'l18n_parent' : 'uid')]] = $singleElementHTML;
 							} else {
-								$content[$key].= $singleElementHTML;
+								$content[$key].= '<div class="singleElementHTML" onmouseover="$(\'cp-'.$row['uid'].'\').addClassName(\'opacity-on\').show()" onmouseout="$(\'cp-'.$row['uid'].'\').removeClassName(\'opacity-on\').show()">'.$singleElementHTML.'</div>';
 							}
 						} else { unset($rowArr[$rKey]); }
 					}
@@ -1568,7 +1568,8 @@
 				$out.= '
 					<!-- Control Panel -->
 					<tr>
-						<td class="bgColor5">';
+						<td class="bgColor5">
+						<div id="cp-'.$row['uid'].'" class ="opacity-off">';
 
 					// Edit content element:
 				$params='&edit[tt_content]['.$this->tt_contentData['nextThree'][$row['uid']].']=edit';
@@ -1631,7 +1632,7 @@
 						'</a>';
 
 					// End cell:
-				$out.= '
+				$out.= '</div>
 						</td>
 					</tr>';
 			}