יום ראשון, 3 בינואר 2016

צל CSS באינטרנט אקספלורר 7 - WebBrowser בתוך c#

השמשתי בקונטרול WebBrowser בתוך תוכנת c# והיה צורך להציג צל (Shadow) ע"י CSS.
הבעיה היא שקונטרול כזה של סישארפ הוא גרסה 7 - ולא תומך CSS-3
אז:
איך להציג צל באינטרנט אקספלורר 7 (דפדפן של קונטרול webbrowser בתוך c#):
לצורך העניין, השתמשתי בטבלה <table> אותה מיקמתי בתוך span.

ראה הפניה:

קוד:

<html>
<head>
<style>
.shadow_class{
  border: 1px solid red;
   box-shadow: 0 0 55px #cccccc;
   -webkit-box-shadow: 0 0 55px #cccccc;
   -moz-box-shadow: 0 0 55px #cccccc;
}

body.ie6 .shadow_classbody.ie7 .shadow_classbody.ie8 .shadow_class {
   zoom: 1;
   filter: /*progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=15, Direction=0),*//*top*/
           progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=15, Direction=90),/*right*/
           progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=25, Direction=180),/*bottom*/
           progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=15, Direction=270);/*left*/
}

table{
  background-color: white;
}
</style>
</head>
<body class="ie7">
<span class="shadow_class">
  <table border="1">
    <tr><th>Header 1</th><th>Header 2</th></tr>
    <tr><td>row 1 col 1</td><td>row 1 col 2</td></tr>
  </table>
</span>
</body>
</html>

אין תגובות:

הוסף רשומת תגובה