diff --git a/ace/ace_standard/src/main/js/default/pages/div/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/div/prop/index.hml
index d53736f4d28fc1842085d1707883e9b42766a0a2..e88d27e35dc27a2307fdd6e917555e18b34662ea 100644
--- a/ace/ace_standard/src/main/js/default/pages/div/prop/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/div/prop/index.hml
@@ -89,6 +89,16 @@
              data-div="">
         </div>
 
+        <text class="sub-title">
+            通用属性 -- data
+        </text>
+        <div id="dataPropOne"
+             data="通用属性 -- data">
+        </div>
+        <div id="dataPropOneNone"
+             data="">
+        </div>
+
         <text class="sub-title">
             通用属性 -- click-effect
         </text>
diff --git a/ace/ace_standard/src/main/js/default/pages/div/router/index.hml b/ace/ace_standard/src/main/js/default/pages/div/router/index.hml
index edfb36f1774ceded6d1e5a5b28bc665b225920f2..f6051f0b3a8f9b30d378b1aa0cbaaedb1ea0e0ea 100644
--- a/ace/ace_standard/src/main/js/default/pages/div/router/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/div/router/index.hml
@@ -268,6 +268,7 @@
             </text>
             <div class="access1" accessibilitygroup ="true"
                  accessibilitytext="这是div"
+                 onaccessibility="onAccessibility"
                  accessibilitydescription="点击此按键会弹出一个对话框"
                  accessibilityimportance="no-hide-descendants">
             </div>
diff --git a/ace/ace_standard/src/main/js/default/pages/div/router/index.js b/ace/ace_standard/src/main/js/default/pages/div/router/index.js
index e0f4eb3c6ac35f5a12cd0fcec52b5da74601f311..5e5a1e6330ad78348e894b59ab977449323f291c 100644
--- a/ace/ace_standard/src/main/js/default/pages/div/router/index.js
+++ b/ace/ace_standard/src/main/js/default/pages/div/router/index.js
@@ -96,6 +96,13 @@ export default {
         });
     },
 
+    onAccessibility(event) {
+        if (event.eventType == 1) {
+            // Do Something
+        }
+        console.log("onAccessibility" + JSON.stringify(event));
+    },
+
     touchStart(event){
         var globalX = event.touches[0].globalX
         var globalY = event.touches[0].globalY
diff --git a/ace/ace_standard/src/main/js/default/pages/div/style/index.css b/ace/ace_standard/src/main/js/default/pages/div/style/index.css
index ba39c3f2177da5582ba781c103f5ad8d20bd542d..55beb4d4fdbdbc6b9a5053b1ea28629b9a83f650 100644
--- a/ace/ace_standard/src/main/js/default/pages/div/style/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/div/style/index.css
@@ -12,7 +12,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
+@import '../../../common/style.css';
 .container {
   flex-direction:row;
   width:100%;
@@ -340,6 +340,7 @@
   background-size:10% 20%;
   background-repeat: repeat;
   background-position: 30% 40%;
+  mask-image:linear-gradient(pink,#fff000);
 }
 
 #styleThirtyTwo{
@@ -489,7 +490,6 @@
   grid-auto-flow:column;
 }
 
-
 .flex-item{
   width: 40%;
   height: 10px;
@@ -511,3 +511,113 @@
   background-color: #fff000;
 }
 
+
+#addOne{
+  width: 10%;
+  height: 20px;
+  background-image:url('common/images/image.png');
+  background-size:cover;
+  align-self:stretch;
+  position:fixed;
+  transform: none;
+  animation-timing-function:cubic-bezier(0.4, 0.0, 0.4, 1.0);
+  shared-transition-effect:static;
+  shared-transition-name:ani;
+  shared-transition-timing-function:friction;
+  transition-enter:ani;
+  transition-exit: ani;
+  transition-duration:10;
+  transition-timing-function:friction;
+  clip-path:border-box;
+  display-index:1;
+  filter:blur(10px);
+  backdrop-filter:blur(10px);
+  window-filter:blur(10%);
+}
+
+#addTwo{
+  width: 100px;
+  height: 15px;
+  background-image:url('common/images/image.png');
+  background-size:auto;
+  position:relative;
+  transform: matrix(0.5,0.1,0.2,0.9,20,10);
+  animation-timing-function:steps(4);
+  shared-transition-effect:exchange;
+  clip-path:padding-box;
+}
+
+#addThree{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: matrix3d(1,2,1,2,1,2,1,2,1,2,1,2,1,2,1,2);
+  clip-path:content-box;
+}
+
+#addFour{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translate3d(1px,2px,1px) scale3d(1,2,1) rotate3d(10,10,10,10deg) skew(1deg,2deg) perspective(10px);
+  clip-path:circle(1);
+}
+
+#addFive{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: translateY(1px) translateZ(10px)
+  scale(1,2) scaleZ(0.4)
+  rotateX(10deg) rotateY(10deg) rotateZ(10deg)
+  skewX(1deg) skewY(2deg);
+  clip-path:ellipse(1);
+}
+
+#addSix{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  transform: scaleX(1) scaleY(0.4);
+  clip-path:ellipse(1)
+}
+
+#addSeven{
+  width: 100px;
+  height: 15px;
+  background-color:#000000;
+  clip-path:path(1);
+  aspect-ratio:2;
+}
+
+#addSeven:disabled{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:active{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+#addSeven:focus{
+  width: 100px;
+  height: 15px;
+  background-color:#ff0000;
+}
+
+@font-face {
+  font-family: SimSunfont;
+  src: url('/common/simsun.ttf');
+}
+
+@media (device-type: tv) {
+  .addSeven {
+    width: 500px;
+    height: 500px;
+    background-color: #fa8072;
+  }
+}
+
diff --git a/ace/ace_standard/src/main/js/default/pages/div/style/index.hml b/ace/ace_standard/src/main/js/default/pages/div/style/index.hml
index 5f72ac1c4635ce94cd1094b1e2ef76310957364f..97ccf5c9fccbb1b9d8aab45aec8387293c4b482d 100644
--- a/ace/ace_standard/src/main/js/default/pages/div/style/index.hml
+++ b/ace/ace_standard/src/main/js/default/pages/div/style/index.hml
@@ -150,8 +150,6 @@
             </div>
         </div>
 
-
-
         <text class="sub-title">
             特有样式 overflow scrollbar-color scrollbar-width overscroll-effect
         </text>
@@ -211,6 +209,27 @@
         <div id="specificThirteen">
         </div>
 
+        <div style="width: 100%;flex-weight: 1;overflow: scroll;flex-direction: column;">
+            <text class="sub-title">
+                补充样式
+            </text>
+            <div id="addOne">
+            </div>
+            <div id="addTwo">
+            </div>
+            <div id="addThree">
+            </div>
+            <div id="addFour">
+            </div>
+            <div id="addFive">
+            </div>
+            <div id="addSix">
+            </div>
+            <div id="addSeven">
+            </div>
+        </div>
+
+
     <!--        <div id="specificEight" >-->
 <!--            <div class="flex-item yellow-item">-->
 <!--            </div>-->