Note that there are some explanatory texts on larger screens.

plurals
  1. POButton not rendering the same in all broswers
    primarykey
    data
    text
    <p>Below is the CSS code which I have created to draw a button. When I view this in Chrome, the button looks circular as it should, but on Firefox and IE, it’s square. Why this would be the case?</p> <pre><code>&lt;!-- language: lang-css --&gt; .button { width:90px; float:right; background:#FEDA71; background:-moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49)); background:-webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:-o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:-ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:linear-gradient(top,#FEDA71 0%,#FEBB49 100%); padding:8px 18px; color:#623F1D; font-family:'Helvetica Neue',sans-serif; font-size:16px; -moz-border-radius:48px; -webkit-border-radius:48px; border:1px solid #623F1D } </code></pre> <p>The code below has made Firefox start working but IE Still Doesnt Work</p> <pre><code>Code after change and still doensnt work background:#FEDA71; background:-moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49)); background:-webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:-o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:-ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%); background:linear-gradient(top,#FEDA71 0%,#FEBB49 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEDA71',endColorstr='#FEBB49',GradientType=0); padding:8px 18px; color:#623F1D; font-family:'Helvetica Neue',sans-serif; font-size:16px; border-radius:48px; -moz-border-radius:48px; -webkit-border-radius:48px; border:1px solid #623F1D </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload