提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

如何将可折叠元素插入到 Flexbox 布局中

我有一个图像绕行的弹性盒布局，我想在单击图像时显示一些信息。该信息应显示在包含图像的行与其正下方的行之间，而不移动“列”。这就是我想要的效果类型：http://olmenta.altervista.org（当您单击一本书时）。这是我所做的：https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59

使用纯Javascript实现图像替换的过渡效果

在我创建的网站上，我有一些手风琴，每个手风琴的顶部都有一个图像。当您打开手风琴时，里面有一个描述，并且图像会变成另一张。然后，当您关闭手风琴时，图像会切换回第一个图像。问题是我希望这个图像变化有一个平滑的过渡，具有淡入淡出的效果，而现在它只是一个突然的变化。我该怎么做？假设手风琴按钮的id为“button”；包含第一张图片（将更改为第二张图片）的标签的id为“firstimage”。这是JavaS

P粉458913655 2024-03-30 00:14:11

css修改图片路径，不起作用

静态网站中修改了css中图片路径，然后上传到服务器，打开网站后，显示的是原来没有修改之前的效果，单独打开图片是可以打开的，修改的图片是绝对路径，这种应该如何处理，谢谢！

PHP中文网用户-5675994 2023-07-20 22:29:02

vim - 求代码折叠的一段代码

已有的一段折叠代码: {代码...} 折叠前文本: 现有的折叠效果: 我的需求: 如下图所示, 如何去掉前面的多余的部分? 去掉的话看起来会清爽一些刚开始接触 Vim, 希望大家给给予指点

给我你的怀抱 2017-05-16 16:41:57

学习如何通过CSS修改块的边缘实现羽化效果

如何修改我的CSS，使盒子的边缘具有羽化模糊效果？我希望盒子的背景具有磨砂玻璃效果，而不是周围的锐利边缘，而是具有羽化效果，可以逐渐与背景融合，但我不知道如何修改当前的CSS。希望能得到你的帮助，谢谢。.wrap{position:relative;width:100%;height:100vh;background-image:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07

python - flask redirect 重定向问题?

代码如下, 图片能上传成功, 但是图片上传成功后不能显示图片, redirect这样写对么? {代码...} {代码...} ----------更新----------将index路由修改了一下, 达到了想要的效果: {代码...} 但之前的思路不对的么?

phpcn_u1582 2017-05-18 10:48:50

javascript - js image的onload没有在图片加载完成后执行

1.想定的效果是每加载完成一张图片,alert"1",实际效果确是所有图片加载完成之后,alert4次2.以下是代码,求大腿给解解惑.//imgArray[] 这里有4张图片链接,太长就不写了var count = 0; {代码...}

大家讲道理 2017-05-19 10:12:08

javascript - svg小白，想要在svg里面插入图片

代码如上，想要在svg里面插入图片，让图片实现动画，但是怎么都没效果，求解释...

代言 2017-06-24 09:44:02

javascript - 微信分享H5, 这种带底色模糊的效果是如何实现的?

像我们正常分享的效果是下面那样, 我试用得到的分享是上面那样带底色(好像是图片模糊处理的效果)的, 请问是如何实现的?

过去多啦不再A梦 2017-06-12 09:29:10

背景与透明文本被剪掉

有没有办法用CSS制作出如下图所示的从背景中切出透明文本效果？由于图像取代了文本而失去了所有宝贵的SEO，这将是令人遗憾的。我首先想到了阴影，但我想不出任何东西......该图片为网站背景，绝对定位的<img>标签

P粉439804514 2024-03-25 16:47:36

javascript - 图片聚拢效果，加上3D效果为什么聚拢后有线条

一个div里装很多子div，子div背景图合在一起拼成一整张图；聚拢效果我加上3D y轴反转效果为啥就拼接的时候中间有了细缝按道理来说聚拢后应该是这样结果是这样附上代码.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23

如何使用变量作为图像 src - vue.js

我是Vue新手，做了一些html和css，我想使用一个变量作为图像目录，但图像从未加载，该变量正在由一个有效的tauri函数更新，我需要图像也会改变。这是我的一些代码<template><imgv-bind:src=getimg()>--and--<img:src={{data}}}>--and--<imgsrc={{data}}>--andmuch

P粉148434742 2023-12-29 16:42:56

背景图像如何使用CSS滤镜效果

我有一个JPEG文件，我正在将其用作搜索页面的背景图像，并且我正在使用CSS进行设置，因为我正在Backbone.js上下文中工作：background-image:url("whatever.jpg");我想仅对背景应用CSS3模糊滤镜，但是我不确定如何仅对该元素进行样式设置。如果我尝试：-webkit-filter:blur(5px);-moz-filter:blur(5p

P粉022285768 2023-08-20 13:28:36

如何使文本在单击时变成新元素（如分隔线）？

我正在尝试找到一种方法，使页面上的某些文本在单击时变成分隔符/新元素。我不知道如何解释它，但是就像，想象一个下面带有标题的图像-单击标题，然后上面的图像变得像一个文本框/不同的图像/可滚动的分隔符。我正在尝试实现此处页面的效果，其中单击右侧的头骨表情符号会导致左侧框中出现一个新的div/图像。我正在查看源代码并检查她做了什么来实现这种效果，但我仍然不确定是什么。我正在尝试使用w3schoolson

P粉872101673 2024-04-04 11:21:03

模块未找到：错误：无法解析 'DavidDaDon.png'

我不太确定我在这里做错了什么。我在 src 文件夹中有这些 PNG 图片，我使用了 require 和相对路径来引用这些图片。我感觉自己快要疯了。作为参考，我正在制作一个与亲密的朋友和家人一起庆祝生日的倒计时，这些图片最终会成为一个手风琴效果显示出来。

P粉001206492 2023-07-27 21:01:30

JavaScript实现缩略图到全宽图像页的平滑过渡

http://manifesto.clapat.com/如果您在主页上点击任何项目，您将从缩略图过渡到全屏图像，该图像将成为该项目页面的标题。这些过渡效果是如何创建的，以及最好的方式是使用内部路由而不是ReactRouter来实现它们，但如果有人能够使其与ReactRouter一起工作，我也可以进行移植。有一些教程可以找到，但它们都在同一页上加载数据，类似于全屏模态组件，而不是转到另一个/项目页面

P粉536532781 2023-09-15 22:09:37

图中图像的长宽比

我有一个带有标题的图像，就像这样：标题我在CSS中还有img{max-width:100%}。我想同时设置图像的宽度和高度，并在宽度减小到其设置值以下时保持其纵横比。所以，我尝试了这样的代码：标题这大致是我想要的，但是当图像被'letterboxed'时，标题离图像底部的距离很远。有没有办法在保持标题紧贴图像底部的同时获得我想要的结果？

P粉557957970 2023-08-17 20:24:04

javascript - 发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了

发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了，再展开标签页时动画才继续播放。我是用背景图移动达到运动的效果的，是不是和这个原因有关？

给我你的怀抱 2017-06-30 09:52:30

flex css - 在一定高度后剪辑元素而不是换行

边框代表静态高度和宽度。我希望第5项和第6项保留在第二行，并剪掉第3项和第6项，而不是如图所示第三次包裹。我如何通过Flex实现这一目标？为了补充这个问题，容器的宽度（用边框显示）可以通过用户操作调整大小。当它很宽时。例如，如果它的宽度足以容纳4个元素，则它将在第一行中显示所有4个元素，而在第二行中显示其余的元素。当我们折叠容器的宽度时，我希望它最多有2行，如下图所示。我希望结果看起来像这样以便可

P粉785957729 2024-04-01 14:02:02

如何使用 CSS 网格在我的 div 中实现网格系统？

我想创建一个包含2列的div，当我在父div中添加一个项目时，它应该位于第一列中，当第一列有3个元素并且我想添加其他项目时，它应该位于第二栏。这是我正在寻找的图像：我在互联网上没有找到回应，我尝试过css网格生成器，但没有任何结果..CSS网格生成器，但我无法得到正确的答案

P粉195200437 2023-09-08 16:03:49