body:before {
          content: "";
          position: fixed;
          top: -10px;
          left: 0;
          width: 100%;
          height: 10px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}

Via css-tricks.com

Tags: top-shadow, css,

Kategorie: webdesign

Auf dem iPad oder iPhone kommt es häufig bei Log-in-Feldern vor, das sich die Autovervollständigung oder Autokorrektur öffnet.

Mittels diesem kleinen Script und jQuery ist es möglich, die Attribute von Input-Feldern zu ändern. Damit wird die Autocompleter und Autocorrect Funktion ausgestellt.

 
var isiPad = navigator.userAgent.match(/iPad/i) != null;
var isiPhone = navigator.userAgent.match(/iPhone/i) != null;

if (isiPad == true || isiPhone == true){
			$("input").attr({
			  autocomplete: 'off',
			  autocorrect: 'off'
			});
		}

Kategorie: programmierung