Tag: css-calc

calc() ist eine native CSS-Weise zu tun, einfache Mathematik direkt im CSS als Ersatz für jede Länge-Wert (oder so ziemlich jede Zahl, Wert). Es hat vier einfache mathematische Operatoren: addition (+), subtrahieren (-), multiplizieren ( * ) und dividieren (/).

css calc-bug im IE11

1 Antworten

IE11 scheint nicht zu berechnen calc(50% - 1rem), aber alle anderen Browser tun. Wie kann ich es beheben? InformationsquelleAutor Blaja | 2014-04-12

css calc Ungültiger Eigenschaftswert

4 Antworten

Kann mir jemand sagen warum dieser CSS-calc-Funktion nicht funktioniert? Wenn ich element untersuchen auf Chrome, es sagt 'Ungültiger Eigenschaftswert'. width: calc((100vw - 14px * 2) / (270px + 11px * 2)); Das ist verrückt. Dies ist nicht

css css-calc css3

mit calc mit auto margin

2 Antworten

Wollte ich mit margin-right auf auto + ein paar Pixel durch die Verwendung von css3 calc() scheint aber die Aussage ist falsch. selector{margin: calc(auto + 5px); So, wie Sie verwenden können, so dass es kann nehmen Sie

css css-calc css3

CSS calc mit Erben

1 Antworten

Möchte ich inherit mit calc() wie diese: #foo { animation-duration: 10s; } #foo > .bar { animation-duration: calc(inherit + 2s); /* =12s */ } Aber es scheint nicht zu arbeiten. Ist es Browser-bug oder specs? Funktioniert das

css css-animations css-calc inheritance

calc funktioniert nicht ie 11

2 Antworten

Nach der Untersuchung bestätigte ich, dass calc sollte die Arbeit für den ie8+, aber es ist nicht für mich arbeiten. Hier ist ein JS-fiddle ich gemacht: http://jsfiddle.net/75tzyLoo/ hier ist der code: HTML: <div id="outer"> <div id="inner"> </div>

cross-browser css css-calc css3

Kann ich mit Calc innen-Transform:Scale Funktion in CSS?

3 Antworten

Ich versuche zu berechnen, die Rechte Skala gilt für Kinder, die innerhalb einer übergeordneten, aber ich kann nicht mit calc() innen transform: scale CSS-Funktion. Ich habe dies Funktion mit javascript, aber ich bin daran interessiert, eine Reine

css-calc css3 scale transform

Kann ich mit CSS calc in Javascript?

0 Antworten

Kann ich die css - calc() - Funktion, wenn die Einstellung der Positionen in JavaScript? ePopup.style.top = "calc(100px - 1.5em)"; Was ist, wenn Sie versuchen, es vor der Veröffentlichung? Ich habe natürlich versucht, es hat nicht zu

css css-calc javascript

calc() 100% + #px

1 Antworten

Ich versuche, etwas zu erreichen, ich bin mir auch nicht allzu sicher ist hier möglich. Ich versuche, die Stelle einer bestimmten Schlagschatten PNG-Bild unter dem nav für meine Website. Allerdings habe ich auch wiederverwenden möchten, diese Möglichkeit

css css-calc css3

Mit calc() mit Tabellen

2 Antworten

Ich versuche, eine Tabelle mit fester Breite tds und variabler Breite tds. Im mit der CSS - calc() Funktion, aber irgendwie scheint es wie die ich nicht benutzen kann % in Tabellen. So, dass ist was ich

css css-calc css3 fixed-width html-table

Wie verwenden von calc() innerhalb einer anderen Funktion

2 Antworten

Ist es möglich calc() innerhalb einer CSS-Funktion wie transform oder translate? Ich kann nicht scheinen, um es funktioniert. Hier ist eine demo, so dass Sie Jungs können spielen, um: http://jsfiddle.net/qdJwY/1/ Ich glaube nicht, dass die übersetzungen nehmen

css css-calc css3 transform

Mit css calc() in jquery

3 Antworten

Wie kann ich dies tun? $('#element').animate({ "width": "calc(100% - 278px)" }, 800); $('#element').animate({ "width": "calc(100% - 78px)" }, 800); Ich es tun kann, wenn es nur % oder nur px, aber nicht calc(), kann ich einige andere

css css-calc jquery jquery-animate

CSS calc() - Multiplikation und Division mit Vereinten Werte

1 Antworten

Ist es möglich, mit calc() zu multiplizieren oder dividieren mit unit-basierten Werte (z.B. 100%, 5px, etc). Zum Beispiel war ich in der Hoffnung zu tun so etwas wie dieses: width: calc(100% * (.7 - 120px / 100%));

css css-calc css3

Calc () - Funktion in eine andere calc() im CSS

3 Antworten

Wie verwende ich ein CSS-calc-Funktion, die innerhalb einer anderen CSS-calc-Funktion? laut diesem Beitrag ("https://developer.mozilla.org/en-US/docs/Web/CSS/calc") ist es möglich, aber es gibt kein Beispiel dafür. InformationsquelleAutor der Frage Raghavendra Prasad | 2014-12-22

css css-calc css3

Sass-Variable in der CSS-Funktion calc ()

2 Antworten

Ich versuche, die calc() Funktion in einem Sass-stylesheet, aber ich habe einige Fragen. Hier ist mein code: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Nutzen, wenn ich die wörtliche 50px statt meiner body_padding variable, bekomme

css css-calc css3 sass

CSS-Berechnungsalternative

4 Antworten

Ich versuche dynamicly ändern der Breite eines div mit CSS und ohne jquery. Der folgende code funktioniert in den folgenden Browsern: http://caniuse.com/calc /* Firefox */ width: -moz-calc(100% - 500px); /* WebKit */ width: -webkit-calc(100% - 500px); /*

css css-calc css3

CSS Calc Viewport Units Abhilfe?

3 Antworten

Was ich gesehen habe, in andere AntwortenCSS viewport-Einheiten können nicht verwendet werden calc() Aussagen noch. Was ich erreichen möchte ist die folgende Aussage: height: calc(100vh - 75vw) Gibt es einige workaround Art, wie ich diese erreichen können

css css-calc css3 html viewport-units

Gibt es eine Möglichkeit, Variablen in Less für den Operator ~ zu verwenden, wie ~ "calc (100% - @spacing)";

1 Antworten

Gibt es eine Möglichkeit, die Verwendung von Variablen in weniger ~ Betreiber, wie ~"calc(70% - @spacing)"; Wenn ich habe es versucht, es funktioniert nur mit statischen Werten wie ~"calc(70% - 10px)"; Bekomme ich die Zeichenfolge ausgewertet werden,

css-calc css3 less

Weniger aggressive Kompilierung mit CSS3 calc

4 Antworten

Weniger Compilern, die ich verwende (OrangeBits und punktlosen 1.3.0.5) aggressiv übersetzen body { width: calc(100% - 250px - 1.5em); } in body { width: calc(-151.5%); } Was offensichtlich nicht gewünscht. Ich Frage mich, ob es einen Weg

compilation css css-calc css3 less