Вопросы и ответы - css

Вопросы и ответы - css



Есть ответ!
Я настроил окно перетаскивания в своем веб-приложении Vue JS. Элемент представляет собой простой div, который обрабатывает файл, когда он перетаскивается и падает на него. Я использовал его https://www.raymondcamden.com/2019/08/08/drag-and-drop-file-upload-in-vuejs в качестве ориентира. HTML: <div v-if="status == 'upload'"> <h3> Please fill the data sheet and upload it here!<...
Есть ответ!
Я пытаюсь построить меню открытия и закрытия перехода в Vue,но добавил класс по щелчку кнопки. Видеть: button { position: absolute; top: 50px; right: 0; } .logo { position: absolute; top: 0; left: 0; transform-origin: top left; transition: transform 1s; transition-delay: 0s; } .menu { position: absolute; top: 0; left: 150px; transform: translateY(-100%); transit...
Есть ответ!
Я пытаюсь узнать tailwind-css или я бы сказал, что изучаю css, где я борюсь с положением элементов. Работа над компонентами Vue js. До сих пор я добился проектирования лишь нескольких элементов: Я хочу добавить некоторые формы или конструкции внутри области banner/dark-blue, а затем добавить какой-то виджет-окно внутри нее. Мой код выглядит примерно так: <div class="bg-white block"&g...
Есть ответ!
Я поместил свой css в общую папку и связал его в своем шаблоне, но css не будет работать. Когда я запускаю файл из Laravel, используя HTML-индекс, он работает нормально. Но, когда я помещу его в Laravel, он не увидит css. Это мой код в шаблоне: <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/media.css"> Нужно ли мне что-то добавить, чтобы сделать его ...
Есть ответ!
var myComponent= Vue.extend({ template: ` <div class="container"> </div> ` , props: [], components: {} , data() { return { } }, methods: { } }) У меня есть компонент выше, который создается с помощью Vue.расширять. Он принимает данные, методы и другие вещи, которые все локально ограничены. Мне интересно, могу ли...
Есть ответ!
Я потратил много времени на эту проблему, я не могу понять, почему моя position: stickyне работает внутри моего шаблона. Большая часть моего приложения построена с использованием vuetify. Я не знаю, мешает ли это position: sticky, но даже когда компонент достигает позиции, я никогда не прилипает. <template> <v-sheet> <v-row> <v-col cols="2"> ...
Есть ответ!
Когда я создаю свой проект vue, он меняет непрозрачность с 50% до 1%. В разработке у него нет этой проблемы, но в производстве он меняет стиль. развития (НПМ запустить служить): нажмите, чтобы увидеть .VueCarousel-dot-container button.VueCarousel-dot { background-color: #7390a7 !important; opacity: 60%; } производство (npm run build): Когда я создаю и загружаю его: .VueCarousel-dot-c...
Есть ответ!
У меня есть сайт, где я использую небольшую функцию jQuery и css для перевода раздела на прокрутку страницы (исчезает и перемещается вверх). Все разделы, которые я не хочу анимировать, имеют подкласс "sp-portfolio", т. е. sp-page-builder .section .sp-portfolio, но функция работает .sp-page-builder sectionсм. ниже (обратите внимание, что это работает в Joomla, поэтому немного отличается синтаксис ...
Есть ответ!
Я хотел скрыть это в Joomla, используя пользовательский CSS Это ссылка на мой сайт: http://guamlfp.org/test Я пытаюсь убрать названия статей "о себе" и " видение" Мне нужен код CSS, чтобы скрыть следующий HTML: <a href="/component/content/article/9-aboutlfp/6-aboutlfp?Itemid=101" itemprop="url">About</a> <h3><a href="/component/content/article/11-vision/7-vision?Ite...
Есть ответ!
У меня есть пользовательская тема на моем веб-сайте PrestaShop, пытаясь работать над CSS в локальной среде. Когда я изменяю CSS, скомпилированный файл темы.CSS не обновляется. Это среда windows, php-приложение, и я использую virtual studio & git bash. Я изменил тему.css и он изменился на сайте на локальный. Я попытался запустить webpack для перезагрузки, делая "npm run build", но получил ош...
Есть ответ!
Я в основном PHP, и шаблон имеет некоторое применение css (напримерmodel) на той же background-color: white, тогда на модели отображается белый фон, который действительно неудобен и не имеет никакого смысла. model Так можно ли выбрать только css нужного селектора, который объявляется несколько раз?
Есть ответ!
У меня есть модуль оптимизации скорости в prestashop, который минимизирует css и js. Когда я уменьшаю css, моя веб-страница все испорчена, поэтому я думаю, что некоторые css вызывают ошибку при уменьшении, есть ли способ узнать, какой уменьшенный код вызывает проблему? Есть ли способ выбрать, какие файлы css для минимизации? или я должен сделать это вручную? Любой совет, чтобы сделать это?
Есть ответ!
Как использовать переменную CSS в глобальном файле CSS Просто проверь стиль.css файл в stackblitz https://stackblitz.com/edit/angular-themeing-y3jwrk?file=src/styles.css
Есть ответ!
Я добавлю стиль и код javascript на страницу "настройка" нового модуля. В функции getContent () я использую: public function getContent($param){ $output = null; $this->context->controller->addCSS(($this->_path).'style_module.css', 'all'); return $output.$this->displayForm(); } Url-адрес стилей или javascript не отображается на странице администра...
Есть ответ!
Я установил плагин JCH optimize на веб-сайте Joomla-3 OS property base для минимизации CSS и javascript. Я активировал только опции Minify CSS и Minify Javascript, пожалуйста, смотрите прилагаемый файл (ss мне нужны эти два варианта для улучшения в Google PageSpeed Insights) Но я не вижу никакого улучшения в Google PageSpeed Insights после сокращения CSS и JS. Если я активирую "объединить файлы...
Есть ответ!
У меня есть сайт joomla, но у меня есть проблема с категориями. определенная категория имеет разный внешний вид. когда я сравниваю html, эта категория не имеет некоторого div / class as .art-postcontentи т. д. почему некоторые категории не имеют одинаковый div? РЕДАКТИРОВАТЬ если я изменю порядок элементов, я исправлю проблему CSS, но сначала мне нужно most recent first
Есть ответ!
У меня есть компонент navbar в приложении react, но по какой-то причине он отображается в нижней части страницы, а не в верхней части страницы, как мне бы хотелось. Я попытался поместить навигатор в отдельный заголовок и расположить абсолютную вершину на этом заголовке, но это тоже не исправило его. Код приведен ниже. Навигации.JS import React from 'react'; import './App.scss' import logo from '...
Есть ответ!
Я пытаюсь разделить список на части в зависимости от количества элементов в массиве. Если количество ингредиентов в массиве больше 6, то я хочу, чтобы список разделился на две части. Не могу понять, как я буду это делать! Я знаю, что есть свойство CSS, которое позволяет разделить список на два, но при этом возникла проблема форматирования, и я хочу разделить список только в том случае, если он дос...
Есть ответ!
Допустим у меня есть файл с темами: темы.JS: import {createMuiTheme} from "@material-ui/core/styles"; export const myTheme = createMuiTheme({ palette: { text: { color: "#545F66", }, }, }); И файл с приложением.js, где рендер выглядит примерно так: return ( <MuiThemeProvider theme={myTheme}> <CssBaseline /> <My...
Есть ответ!
<template> <div> <div class="flex justify-center w-full"> <div class="h-px-500 md:w-1/6 bg-orange-200 text-center">1</div> <div class="h-px-500 md:w-1/6 bg-orange-300 text-center">2</div> <div class="h-px-500 md:w-1/6 bg-orange-400 text-center">3</div> </div> </div> </template> Так.. Как я могу поместить этот...


Закрыть X