diff options
author | Bryan Berry <bryan@olenepal.org> | 2010-02-01 10:06:32 (GMT) |
---|---|---|
committer | Bryan Berry <bryan@olenepal.org> | 2010-02-01 10:06:32 (GMT) |
commit | f5395db57d99dc20a17ffe9b4f1d0619d529c693 (patch) | |
tree | ed5f5bc1e0cb70ebe55cdd9e80edf02d5f00f994 | |
parent | 6eb14bc9700d6b873c5a716812e943e026872ca5 (diff) |
fix transparency problem
-rw-r--r-- | css/kStart.css | 23 | ||||
-rw-r--r-- | examples/English_Animal_Identification/start.html | 47 |
2 files changed, 46 insertions, 24 deletions
diff --git a/css/kStart.css b/css/kStart.css index 1bee535..36b53c5 100644 --- a/css/kStart.css +++ b/css/kStart.css @@ -59,12 +59,29 @@ margin-left: 60px; margin-right: 60px; position:relative; - background-color: blue; - opacity: 0.7; + /* background-color: blue; + opacity: 0.7;*/ + background: transparent; } - #kStart #middle div { + #blueOverlay{ + position:absolute; + background-color: #8a72c4; + width: 100%; + height: 100%; + border: 2px solid white; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + opacity: 0.7; + z-index: 10; + } + + #textOverlay{ + position:absolute; + width: 100%; + height: 100%; opacity: 1.0; + z-index:11; } #grade{ diff --git a/examples/English_Animal_Identification/start.html b/examples/English_Animal_Identification/start.html index 8e8521b..957510b 100644 --- a/examples/English_Animal_Identification/start.html +++ b/examples/English_Animal_Identification/start.html @@ -23,27 +23,32 @@ </div> <div id="middle"> - <div id="grade" class="center"> - <span id="gradeText">कक्षा:</span><span id="gradeNum">२ </span> - </div> - <div id="subject" class="center">अँग्रेजी </div> - <div id="lessonTitle" class="center"> - <a href="./index.html">Identifying Animals</a> - </div> - <div id="lessonDesc" class="center"> - This is a lesson for identifying animals - </div> - <div id="teachersNoteBtn" class="button"> - <a href="./teachersNote.html"> - <div>Teacher's Note</div> - <div>पाठविवरण</div> - </a> - </div> - <div id="lessonPlanBtn" class="button"> - <a href="./lessonPlan.html"> - <div>Lesson Plan</div> - <div>पाठयोजना</div> - </a> + + <div id="blueOverlay"></div> + + <div id="textOverlay"> + <div id="grade" class="center"> + <span id="gradeText">कक्षा:</span><span id="gradeNum">२ </span> + </div> + <div id="subject" class="center">अँग्रेजी </div> + <div id="lessonTitle" class="center"> + <a href="./index.html">Identifying Animals</a> + </div> + <div id="lessonDesc" class="center"> + This is a lesson for identifying animals + </div> + <div id="teachersNoteBtn" class="button"> + <a href="./teachersNote.html"> + <div>Teacher's Note</div> + <div>पाठविवरण</div> + </a> + </div> + <div id="lessonPlanBtn" class="button"> + <a href="./lessonPlan.html"> + <div>Lesson Plan</div> + <div>पाठयोजना</div> + </a> + </div> </div> </div> <div id="bottom"> |