css - Chrome drop-shadow box appears over div -


i'm trying make shadow appear under div. far works on except chrome/chromium. put div draws shadows isn't shown should, though z-index property set shadow appears over div. html looks that:

<body>   <div id="header" class="box clear">     <div id="logo">        <img class="obraz_srodek" src="http://ocento.hol.es/tz/logotyp.png" title="ocentologotype"/>      </div>  </div> <div class="content">// javascript/jquery soon</div>​​​ <div id="test">padding test</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

my css file that:

body { background-image:url('bg.jpg'); background-repeat: repeat; }  html{   height: 100%;   width: 98%;     padding:0;     margin:0; } body {   min-height: 100%;   min-width:98%;  }  .content{     padding-top:55px;  }  .obraz_srodek {     overflow:hidden;     height:25px;     display: block;     margin-left: auto;     margin-right: auto;     padding-top:7px;  } #header {     position: fixed;     background-color: white;     min-height: 40px;     min-width: 100%;     top: 0px;     left: 0px;   }  .box {   position: relative;    background-color: #fff;   box-shadow: 0 0px 5px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.1) inset;   border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%; } .box:after {       position: absolute;       width: 80%;       height: 40%;       left: 10%;       border-radius: 50%;       z-index: -4;       bottom: 0%;       content: "";       box-shadow: 0 7px 16px rgba(0,0,0,0.4);       }

somethings ? moved div.box effect, chrome cant you're method jsfiddle here

<div id="header" class="clear">     <div class="box">         <div id="logo">             <img class="obraz_srodek" src="http://ocento.hol.es/tz/logotyp.png" title="ocentologotype"/>          </div>     </div> </div>

Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more