Programmierung css

6

Ich habe versucht, ein paar Pseudoelemente für den IE zum Laufen zu bringen, aber das lässt mich einfach nicht. Es streicht das CSS durch und verhält sich so, als wäre es nicht da, was mich irgendwie ärgert. Würde jemand wissen, was ich falsch mache? .newbutton { border-radius: 50%; width: 74px; …

81 css internet-explorer ie-developer-tools

7

Wie kann man Grenzen zum Einsturz bringen (auf einem Div)?

Angenommen, ich habe ein Markup wie: http://jsfiddle.net/R8eCr/1/ <div class="container"> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> <div class="column"> <div class="cell"></div> <div class="cell"></div> <div class="cell"></div> </div> ... </div> Dann CSS .container { display: table; border-collapse: collapse; } .column { float: …

81 css

3

Unterschied zwischen Überlaufumbruch und Wortumbruch?

Was ist der genaue Unterschied zwischen overflow-wrap/ word-wrapund word-break? Und kann mir jemand sagen, was das bessere ist, um sehr lange Links zu brechen? Die meisten Leute sagen, Sie sollten Wortumbruch in Kombination mit verwenden, overflow-wrapaber es sieht nicht sehr logisch aus. Ich denke, die Verwendung overflow-wrapin Kombination mit word-wrapfür …

81 html css word-wrap word-break

3

Was ist @apply in CSS?

Zunächst beziehe ich mich auf das CSS-Tag. Ich habe gegoogelt, @applyaber ich konnte nichts finden, was seine Bedeutung für mich richtig erklären könnte. Was ist die Verwendung eines solchen Tags?

81 css

7

In Firefox nicht angezeigte Rahmen mit Randkollaps in der Tabelle, Position: relativ zum Körper oder Hintergrundfarbe in der Zelle

Betrachten Sie den folgenden HTML-Code: <html> <head> <style> TABLE.data TD.priceCell { background-color: #EEE; text-align: center; color: #000; } div.datagrid table { border-collapse: collapse; } div.datagrid table tbody { position: relative; } </style> </head> <body> <div id="contents" class="datagrid"> <table class="data" id="tableHeader"> <thead> <tr class="fixed-row"> <th>Product</th> <th class="HeaderBlueWeekDay">Price</th> <th class="HeaderBlueWeekDay">Discount</th> </tr> </thead> …

81 css firefox border

5

Wie wähle ich ein Element mit einer bestimmten Klasse aus?

Nach meinem Verständnis element.classsollte die Verwendung ermöglichen, dass ein bestimmtes Element, das einer Klasse zugewiesen ist, ein anderes "Styling" erhält als der Rest der Klasse. Dies ist keine Frage, ob dies verwendet werden soll oder nicht, sondern ich versuche zu verstehen, wie dieser Selektor funktionieren soll. Wenn ich mir eine …

81 html css syntax css-selectors

4

Deaktivieren Sie die blaue Markierung, wenn Sie ein Objekt mit dem Cursor berühren / drücken: Zeiger

Es wird eine blaue Markierung angezeigt, wenn ein Div mit der Eigenschaft cursor: pointer in Chrome berührt wird. Wie können wir es loswerden? Ich habe folgendes versucht: -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; Sie wirken sich jedoch nicht auf die blaue Hervorhebung beim Drücken …

81 html css mobile touch highlight

6

So erzielen Sie diesen Beleuchtungseffekt mit CSS

Ich möchte ein "Scan" -Licht simulieren, das Wörter in einer Box enthüllt. Dies ist jetzt mein Code: const e = document.getElementsByClassName('scan')[0]; document.onmousemove = function(event){ e.style.left = `${event.clientX}px`; }; *{ margin: 0; padding: 0; } html, body{ width: 100%; min-height: 100vh; overflow-x: hidden; display: flex; } .banner{ width: 100vw; height: 100vh; …

81 html css

7

Highcharts-Diagrammoption backgroundColor: 'transparent' zeigt Schwarz in IE 8 an

HighchartsDiagrammoption backgroundColor:'transparent'zeigt Schwarz anIE 8 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' } Dies funktioniert gut auf I.E 9und andere, schlägt aber auf IE 8 und Safari fehl. Hat jemand eine Idee warum?

80 css internet-explorer-8 cross-browser highcharts

7

Cross-Browser für CSS-Rotation mit jquery.animate ()

Ich arbeite an der Erstellung einer browserübergreifenden Rotation (dh 9 +) und habe den folgenden Code in einer jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, 1000); } Das …

80 jquery css rotation jquery-animate

7

Sichtbarkeit in AngularJs versteckt?

<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button> ng-show angewendet display: noneoder display: blockEigenschaft Aber ich möchte anwenden visibility: hiddenund visibility: visibleEigenschaft.

80 html css angularjs

9

Inline <style> -Tags vs. Inline-CSS-Eigenschaften

Was ist die bevorzugte Methode zum Festlegen von CSS-Eigenschaften? Inline-Stileigenschaften: <div style="width:20px;height:20px;background-color:#ffcc00;"></div> Stileigenschaften in <style>...</style>Tags: <style>.gold{width:20px;height:20px;background-color:#ffcc00;}</style><div class="gold"></div>

80 html css

1

Wie funktioniert der CSS-Blockformatierungskontext?

Wie funktioniert der CSS-Blockformatierungskontext ? Gemäß den CSS2.1-Spezifikationen sind die Felder in einem Blockformatierungskontext vertikal angeordnet, beginnend oben. Dies geschieht auch dann, wenn schwebende Elemente im Weg sind, es sei denn, das Blockfeld hat einen neuen Blockformatierungskontext eingerichtet. Wie wir wissen, wird beim Rendern von Blockboxen in einem Blockformatierungskontext das …

80 css

8

Woher wissen Sie, ob eine Schriftart (@ font-face) bereits geladen wurde?

Ich verwende Font-Awesome, aber während die Schriftdateien nicht geladen sind, werden die Symbole mit  angezeigt. Ich möchte also, dass diese Symbole angezeigt werden, display:nonewährend Dateien nicht geladen werden. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } Woher …

80 javascript jquery css font-face font-awesome

6

Schweben Sie ein Div über den Seiteninhalt

Ich habe ein Popup-Feld implementiert, in dem Suchoptionen dynamisch angezeigt werden. Ich möchte, dass die Box über dem gesamten Inhalt der Website "schwebt". Wenn das Feld angezeigt wird, wird derzeit der gesamte Inhalt darunter verschoben und es sieht schlecht aus. Ich glaube, ich habe bereits versucht, den Z-Index des Div …

80 css z-index

Als «css» getaggte Fragen