css - -webkit-border-radius not work in Chrome Version 44.0.2403.89 m -

-

today, faced issue -webkit-border-radius in chrome browser version 44.0.2403.89 m.

i called border-radius first , after -webkit-border-radius called. in firefox had no issue suprised chrome has issue

not working code:

div {    width: 100px;    height: 40px;    background-color: green;    border-radius: 0px 30px;    -moz-border-radius: 0px 30px;    -webkit-border-radius: 0px 30px;  }
<div></div>

so change code call border-radius after -webkit-border-radius, works. can explain issue occur.

working code:

div {    width: 100px;    height: 40px;    background-color: green;    -moz-border-radius: 0px 30px;    -webkit-border-radius: 0px 30px;    border-radius: 0px 30px;  }
<div></div>

edit:

now use 

   border-radius: 0px 30px 0px 30px;   -moz-border-radius: 0px 30px 0px 30px;   -webkit-border-radius: 0px 30px 0px 30px;

its works. how?

div {    width: 100px;    height: 40px;    background-color: green;    border-radius: 0px 30px 0px 30px;    -moz-border-radius: 0px 30px 0px 30px;    -webkit-border-radius: 0px 30px 0px 30px;  }
<div></div>

edit:

it's bug of chrome

div {    width: 200px;    height: 200px;    margin: 1em;  }  .a {    background-color: green;    border-radius: 0px 30px;    -moz-border-radius: 0px 30px;    -webkit-border-radius: 0px 30px;  }  .b {    background-color: green;    -moz-border-radius: 0px 30px;    -webkit-border-radius: 0px 30px;    border-radius: 0px 30px;  }  .c {    background-color: green;    border-radius: 0px 30px 0px 30px;    -moz-border-radius: 0px 30px 0px 30px;    -webkit-border-radius: 0px 30px 0px 30px;  }  .d {    background-color: green;    border-radius: 0px 30px;    -moz-border-radius: 0px 30px;    -webkit-border-radius: 0px 30px;  }  .e {    background-color: green;    -moz-border-radius: 0px 30px 0px 30px;    -webkit-border-radius: 0px 30px 0px 30px;  }
<div class="a">    background-color: green;    <br />border-radius: 0px 30px;    <br />-moz-border-radius: 0px 30px;    <br />-webkit-border-radius: 0px 30px;    <br />  </div>  <div class="b">    background-color: green;    <br />-moz-border-radius: 0px 30px;    <br />-webkit-border-radius: 0px 30px;    <br />border-radius: 0px 30px;    <br />  </div>  <div class="c">    background-color: green;    <br />border-radius: 0px 30px 0px 30px;    <br />-moz-border-radius: 0px 30px 0px 30px;    <br />-webkit-border-radius: 0px 30px 0px 30px;    <br />  </div>  <div class="d">    background-color: green;    <br />border-radius: 0px 30px;    <br />-moz-border-radius: 0px 30px;    <br />-webkit-border-radius: 0px 30px;    <br />  </div>  <div class="e">    background-color: green;    <br />-moz-border-radius: 0px 30px 0px 30px;    <br />-webkit-border-radius: 0px 30px 0px 30px;    <br />  </div>

the unprefixed version should always last in order.

in fact, chrome has been unprefixed border-radiussince @ least v31.

source: caniuse.com

what think happened?

chrome choked on prefixed border-radius property didn't understand ignored it. what's interesting didn't fall version did understand...which first statement comes play.

the advice has been...unprefixed last.


Comments

Post a Comment

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

-
i have problem namespace of spring security on xhtml page. don't understand why can't load uri, , have following issue: whitelabel error page application has no explicit mapping /error, seeing fallback. tue jul 21 16:58:12 utc 2015 there unexpected error (type=not found, status=404). please need help! possible uri has been changed? best regards you using incorrect namespace url. correct url http://www.springframework.org/schema/security the error page seeing spring source website since not recognize url. try visiting http://www.springsource.org/security/tags in browser update : spring security tags used in jsp page correct tag lib declaration is: <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
Read more

Maven Javadoc 'Cannot find default setter' and fails -

-
i'm trying generate javadocs maven project, , i'm running error every time. unable parse configuration of mojo org.apache.maven.plugins:maven-javadoc-plugin:2.10.3:javadoc parameter #: cannot find default setter in class org.apache.maven.plugin.javadoc.options.group . command i'm using mvn javadoc:javadoc root directory, pom is. i don't have groups configured @ all, or have special configuration @ all. same error whether omit plugin in pom completely, add reporting, or add build plugin. i've tried adding empty groups well, , while message changes somewhat, still appears. i ran across this question , a. don't have testng dependencies, b. i'm not using command line parameters, , c. never resolved. it selenium project, suppose there similar, can't figure out. ideas? i've included maven debug stack trace below. [error] failed execute goal org.apache.maven.plugins:maven-javadoc-plugin:2.10.3:javadoc (default-cli) on project selenium: un...
Read more

sql - MySQL query optimization using coalesce -

-
can explain me why second query faster first? (first 1 takes around 40 seconds, second 1 less 0.1) select releases.feature_code, releases.platform_id, version, release_date, general_available, uri, filesize, display_name, feature_name.full_name, if ((select exists(select 1 release_exceptions releases.feature_code = release_exceptions.feature_code , releases.platform_id = release_exceptions.platform_id , releases.version = release_exceptions.version) = 1), 1, 0) release_exceptions releases left outer join platform using(platform_id) left outer join feature_name using(feature_code) order version desc; ~~~ query 2 ------------------ ~~~ select feature_code, version, release_date, general_available, platform_id, uri, filesize, display_name, feature_name.full_name, coalesce(release_exceptions, 0) release_exceptions mus.releases left outer join ( select distinct feature_code, version, platform_id, 1 release_exceptions mus.release_exceptions ) release_exceptions using ...
Read more