Css div轻松进出
CSS div轻松进出是一种用CSS技术实现的动画效果，通过改变div元素的样式属性，使其在页面上以动画的形式进入或离开。
概念：CSS div轻松进出是一种使用CSS动画实现的效果，通过改变div元素的位置、大小、透明度等属性，使其在页面中平滑地进入或离开。
分类：CSS div轻松进出可以分为进入效果和离开效果两类。
优势：CSS div轻松进出具有以下优势：
- 简单易用：只需使用CSS动画属性和选择器，无需编写复杂的JavaScript代码。
- 轻量高效：由于只使用CSS，所以页面加载速度快，动画流畅。
- 兼容性好：CSS动画在现代浏览器中广泛支持，兼容性较好。
- 可自定义性强：可以通过调整CSS样式属性来自定义进入和离开的动画效果。
应用场景：CSS div轻松进出常用于网页设计中的动画效果，如菜单的展开和收起、图片的切换等。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
以上是我对CSS div轻松进出的答案，希望能够满足你的需求。如果你有其他问题，可以继续提问。
相关·内容
1回答
对此有很多疑问，但没有人能帮到我。
我试图轻松进出的背景图像，基于按钮悬停。
HTML:
<div class="bg bg-home"></div>
<div class="main-menu" id="home">
<a href="#">Home</a>
</div>
JS:
$('#home').hover(function() {
$('.bg.bg-home').addClass('home-m
浏览 2提问于2015-04-12得票数 0
回答已采纳
采取的步骤如下：
从5.5服务器，导出数据源和库(元素/InfoLinks/Reports)为两个单独的导出
将这些文件复制到6.5文件夹(tomcat/application-data/.)
从6.5服务器，
首先导入数据源(需要编辑和输入密码并保存它)。否则会让我出错)
现在导入库项目(3部分)。
此时，获取缺少引用的错误(主要是数据源本身未被引用)。附有原木。多次尝试删除/导入不同组合的替换/添加新项等。
设置详细信息：
5.5上的射火数据库是Oracle (速成版)，而6.5上是(试用版)
正在导入和导出的数据源是MySQL。
5.5和6.5都在同一台物
浏览 2提问于2014-11-19得票数 0
2回答
我想改变背景颜色在6个不同的div与相同的类附加悬停。当我鼠标进出时，如何改变每个独立div上的背景色？
以下是我的HTML：
<div class="col-xs-12 col-md-5 col-md-offset-1">
<div class="thumbnail">
<img src="" class="img-responsive" alt="" />
</div>
<a href="#"><
浏览 3提问于2014-02-02得票数 0
回答已采纳
我试图缩小以下几点
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,700,700i,900');
@import 'plugin/bootstrap.css';
@import 'pages/reset.css';
@import 'pages/common.css';
@import 'pages/animations.css';
@import 'pages/form.css';
至
浏览 4提问于2020-07-24得票数 1
1回答
我有图像，我想交换进出(没有幻灯片效果)。第一个周期，图像出现在彼此的顶部(因为它们有洞)。所有后续的循环都正常工作(一次只能看到一个)。
Html
<div class="small xfade">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
css
@keyframes xfade {
0% { opacity:1; }
1
浏览 5提问于2014-01-25得票数 0
回答已采纳
1回答
我不知道这是否可能，我已经尝试了我所能做的一切，但都没有结果。其想法是让一个图标(或自制字体)始终保持与包含的DIV相同的大小。自举3.3.7
下面是代码: CSS
#insidewrap {
background-color: #FFD;
border: 3px dashed green;
z-index: 2;
padding: 0;
height:400px;
}
.big_box {
width: 60vw;
border: 1px solid red;
float: none;
margin: 0 auto;
}
.icon_size {font-size: 60vw;}
HTML
浏览 2提问于2018-05-03得票数 1
回答已采纳
1回答
我用jquery创建了一个简单的弹出窗口，基本上，如果按下按钮，div的“显示”将从css中的“无”更改为“块”，并显示覆盖以使背景更暗。
请看我的代码：
function div_show() {
$("#login").css({display:'block'});
$("#overlay").css({background:'#000'});
$("#overlay").css({zIndex:'2'});
}
//Function to Hide Popup
func
浏览 4提问于2015-01-26得票数 1
回答已采纳
1回答
我在codeigniter中有一个视图，其中我使用了codeigniter分页方法。我需要通过ajax加载分页，这样我的页面才不会改变。
目前我的网址是这样的第一页。
进入下一页后，将url更改为
我需要的是从相同的url加载分页，即使我改变了页面
这是我的控制器：
<?php
if (!defined('BASEPATH'))
exit('No direct script access allowed');
class testimonial extends CI_Controller {
public function __c
浏览 1提问于2015-02-17得票数 2
磨砂玻璃效果(覆盖的同时模糊和颜色在它下面)是一个常见的UI元素在iOS。
目前是否存在用CSS实现此功能的方法？与此相关的问题很多，但他们的能力有限。它们通常仅限于在图像上放置一个覆盖，而不是一个完全呈现的UI。
所以，要明确的是，我不是在寻找一种方法来模糊图像本身，而是一种模糊元素下面的UI的方法。所以假设我有一个HTML表单，里面有HTML按钮和HTML文本，我想在它们上面放一个div，这样下面的内容看起来就模糊了。然后我可以滚动下面的内容，当元素从覆盖层中进出时，它们只在div下被模糊。
我的理解是，这个答案是不，这是目前不可能的CSS，但我也有点生疏在新的铃铛和口哨.
浏览 8提问于2015-09-11得票数 3
回答已采纳
我正在开发phonegap中的android应用程序，但我的html在android手机上不能正常显示。问题是我有四个div的第一个div显示了宽度和高度为100%的画布，第二个div显示了标题
第三个div显示来自服务器的文本数据，最后一个div是联系人表单，但是如果第三个div的内容增加了，那么它会从中间显示内容，但我想从顶部显示页面。请看下图。
以下是我的html和css，这是工作正常的浏览器，但不能正常工作在真实的设备上，我也上传屏幕截图。请帮我找出这个bug。
html
<div id="page">
<div id="wrappe
浏览 0提问于2014-03-04得票数 0
1回答
我已经厌倦了手动编辑我的windows主机文件(c：\Windows\System32 32\驱动器\etc\host)。我想要一个GUI编辑器，它可以使将域条目添加到这个文件时更容易。我的要求是，
免费提供
兼容Windows 10
图形界面易用
一些不需要但首选的特性是，
进出口配置
显示/隐藏注释文件的筛选器
浏览 0提问于2015-09-25得票数 3
回答已采纳
以下是我的HTML代码：
<div class="img-meta">
<div class="img-meta-link meta-icon"><a class='meta-link' href="#"><i class="icon-link"></i></a></div>
<div class="img-meta-img meta-icon"><a class=&
浏览 3提问于2013-10-15得票数 0
回答已采纳
我有一个工具提示可以在下面看到，目前它只在悬停时显示工具提示，但我希望它在悬停和单击(用于触摸屏设备)时显示工具提示，有人能告诉我怎么做吗？
我的javascript代码
<script type="text/javascript">
$(function(){
$("ul.thumb li").hover(function() {
$(this)
.css('z-index', '10')
.find('img').addClass("hover")
浏览 7提问于2014-06-22得票数 0
回答已采纳
如何将此转换为wordpress新页面。我试着添加tru，但这不起作用。我的下降率是最高的。似乎没有什么是好的。有人能帮帮我吗？为我指明了赖特的方向。向我展示如何解决这个问题。
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum
浏览 5提问于2014-06-26得票数 0
回答已采纳
1回答
在使用selenium时，如何在页面上任意单击n秒钟后的某个位置来保持会话的活力？抓取正在进行，如果我们不做一些事情，它将断开会话。还有其他方法来做一些活动/保持会话的活力吗？
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
import time
import json
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
fr
浏览 9提问于2020-12-14得票数 1
回答已采纳
假设我有这样一个html文件：
//index.html
<div class="home__data">
<h1 class="home__title">Hi, I'am Alexa</h1>
<h3 class="home__subtitle">Frontend Developer</h3>
<p class="home__description">High level experience in web design, knowledge an
浏览 1提问于2021-07-06得票数 6
链接到jsfiddle：
基本上，svg在不触发.mouseout事件的情况下一直在改变颜色。
$(function() {
$(".icon")
.mouseover(function() {
var colors = ["#6F216C", "#F34B0D", "#C50102", "#5DA537", "#F1D81B"];
var pick = Math.floor(Math.random()*5);
浏览 0提问于2012-01-26得票数 4
回答已采纳
1回答
我得到了以下CSS转换：
这在某些浏览器中是不兼容/错误的，所以我想使用jQuery创建它。我已经将fadeIn按如下方式排序(示例)：
$(this).animate({backgroundColor: '#58a5e1'}, 400);
不幸的是，我发现很难在悬停时缩放/缓解div的进出。我尝试了动画的高度和宽度，但这确实创造了同样的效果。我也看过jQuery用户界面标度，当我在dic上徘徊时，我无法让它在dic上工作，他们的例子显示了一个切换，它完全打破了悬停函数。有没有人知道我可以使用的解决方案或插件，这样我就可以获得与CSS类似的效果(缩放和方便)。
我会非常感激，因
浏览 2提问于2013-08-13得票数 0
回答已采纳
从本质上说，我是在捆绑它，所以当您单击.clickable div时，它会将.meter的宽度减去15%。
因此，每次单击.clickable div时，.meter的宽度都会缩小15%。
$('.clickable').bind('click', function () {
var amount;
$(".meter").css("background-color", "yellow");
$(".meter").css("width", amount=amount - 15
浏览 3提问于2017-09-04得票数 0
回答已采纳
3回答
我有一个页面，基本上是这样的：
<div id="thelist" style="height:100%; width:100%; position:relative"></div>
<script type="text/javascript">
$('#thelist').load('other.aspx', function () { });
</script>
问题是:当加载内容时，它会扩展到div边界之外，并扩展到周围的控件中。有没有办法将这些内容限制在
浏览 0提问于2011-10-13得票数 2
回答已采纳
1回答
我正在为5种主要浏览器开发一个表单，并希望了解更多关于CSS供应商前缀的信息。这个表单在firefox中看起来不一样，我通常会用顶部和左边的CSS移动div，但只想调整firefox。从我所读到的-moz-利润率-开始:10‘t；似乎是移动div的一种方式，但不起作用。如何使用css在firefox中移动div？
我这里有一个前缀列表-- 和。
附注：我读到，使用Grunt停止了使用CSS前缀的需要，值得设置吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w
浏览 0提问于2015-02-26得票数 0
回答已采纳
3回答
当使用JavaScript更改CSS时，JavaScript会简单地创建新的内联CSS吗？我一直觉得内联CSS很垃圾，想知道有没有更好的方法？
例如，如果您有
<div id="author">Author's name</div>通常是从引用到外部CSS的绿色，如果您想将其更改为红色，则必须使用
document.getElementById('author').style.color='#FF0000'
必须使用inline-stying对外观进行更改吗？
浏览 1提问于2013-02-06得票数 0
回答已采纳
我使用的是顶部面板下拉菜单。类似于此的内容
最初它是在mootools中。但我在IE8遇到了一些问题。所以我想把它改成Jquery。我做了滑下和滑上的功能。但是我无法添加滑动效果。就编码而言，我在按钮的单击事件上调用了一个函数。向下滑动时增加高度、位置等，向上滑动时将其移除。
function toggle(articleheight,height) {
if(height < 0){
slideIn(articleheight);
}
else{
slideOut(articleheight);
}
浏览 2提问于2011-10-24得票数 0
回答已采纳
1回答
我想我已经损坏了我的Ubuntu安装，因为它现在没有识别一些终端命令，比如ufw/ some (已经安装了)。结果如下。
-bash: ufw: command not found
另外，sudo apt update --fix-missing不起作用，因为它提供了以下结果。
Err:1 http://security.ubuntu.com/ubuntu focal-security InRelease
Temporary failure resolving 'security.ubuntu.com'
Err:2 http://lk.archive.ubuntu.com/
浏览 0提问于2022-07-08得票数 0
我试图编写一个函数来检查元素是否存在，如果存在，则检查该元素是否是数字元素，等等。但是，尝试对元素执行len或.size()会引发错误。有什么安全的方法可以让我检查元素是否存在吗？这是一个片段：
groupId = browser.find_element_by_css_selector(groupIdCSS)
if len(groupId)>0:
if any (c.isalpha() for c in groupId.text):
deletegroup = browser.find_element_by_css_selector(&#
浏览 2提问于2021-06-30得票数 1
回答已采纳
1回答
我正在开发一个网页应用程序与一个小菜单在右边，我想滑动进出。
所以我包括锤子，在文档正文中增加了一个滑动，在左边滑动了te侧菜单，在右边滑动了回来。就像一种魅力。
现在我的问题是，页面上也有滑块()，如果我添加了锤子滑动检测，我就不能再移动滑块了。在firefox上，滑块会变慢，有时会挂起。
当我移除锤子检测时，滑块会像预期的那样工作。有人知道我怎么解决这个问题吗？
<div id="container">
<input id="slide" type="range" min="0" max="
浏览 3提问于2014-09-26得票数 1
1回答
如何使div扩展其宽度以匹配iframe内容的大小。
需要扩展父div以匹配iframe的内容。如果iframe生成的内容超过父div的宽度，如何自动扩展父div的宽度？
CSS
#header {
background-color:#FFA500;
}
#container {
width:500px;
position:absolute;
left:200px;
vertical-align:center;
}
#mainContainer {
border:0px solid red;
height:auto;
}
#menu
浏览 1提问于2014-04-14得票数 2
3回答
我正在尝试使用一个名为easeInBounce的轻松jQuery函数，但它不起作用。我搜索了所有关于这方面的内容，所有页面都显示我必须将{easing:'easeInBounce'}放在这里，但它不起作用。
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<div>Push!</div>
<input type="text">
<input type="text" class="
浏览 7提问于2014-10-05得票数 1
2回答
HTML:
<div class="plan-box">
<h3>...</h3>
<p>...</p>
</div>
<div class="plan-box">
<h3>...</h3>
<p>...</p>
</div>
CSS
.plan-box:last-of-type {
...
}
在上面的CSS代码中，如果我在last-of-type上使用last-child或l
浏览 3提问于2015-12-22得票数 0
回答已采纳
1回答
我有一个使用Bootstrap和JQuery的表单。我尝试使用JQuery验证来验证表单，但是每当我尝试添加validate_min.js脚本时，它就会阻止表单的其余部分工作。我已经将表单简化为这个示例。
我有一个文本字段，在下拉菜单中有一些预设值。无需验证，我就可以选择一个预设值，并将其插入到文本字段中。如果未注释jquery.validate_min.js行，则此操作将停止工作。(如果我取消对该行的注释，表单将正确验证，因此它的一部分工作正常。)
html：
<!doctype html>
<html>
<head>
<!-- Boots
浏览 0提问于2017-03-07得票数 0
1回答
历史社会网站
、、、、
你能告诉我我在我的第一个网站上表现如何吗？
我是用Bootstrap v3.3.7设计的
以下是索引文件中的代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Home - Nanticoke Chapter NSDAR</title>
<meta c
浏览 0提问于2017-03-26得票数 1
2回答
好的，我不明白为什么这个不能缓出来，只是在里面：(为了快速浏览，只需将它粘贴到中)
<style>
#over {
background: url(http://th01.deviantart.net/fs71/150/f/2013/005/0/6/dal_shabet__have__don_t_have_by_awesmatasticaly_cool-d5qkzu8.jpg);
height:150px;
width:150px;
}
#in {
background: url(http://www.mygrafico.com/images/uploads/thumbs/thu
浏览 4提问于2013-01-24得票数 12
1回答
我有这个Jquery代码，如果复选框未选中，它将从文本中删除颜色。但是，有多个div具有相同模型的复选框，当我取消选中一个复选框时，所有带有model类的div都会被取消选中/颜色删除。如何将其更改为仅以复选框的父节点为目标：
$(document).ready(function() {
$('input[type="checkbox"]').click(function() {
var togClass=$(this).attr('class');
if($(this).attr('checked')
浏览 0提问于2012-07-13得票数 0
回答已采纳
6回答
语法突出显示
、、
我正在寻找一个通用的语法突出显示库，以输出到html。
它是在ruby应用程序中使用的，所以ruby库是很好的，但一个可以通过管道进出的优秀实用程序也可以
我还需要自己猜测适当的语言来突出显示
浏览 1提问于2009-03-27得票数 9
回答已采纳
2回答
我有两个连接在一起的可排序列表。一个简单地在页面上，另一个在手风琴内。(我使用accordion作为其他列表的容器)
我的目标是让用户可以打开accordion并将项目从列表中拉出并放到页面上。
它可以工作--除了离开手风琴时占位符消失。我尝试过helper：‘克隆’和增加zIndex。
以下是代码的简化版本：
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/
浏览 1提问于2010-12-01得票数 2
回答已采纳
我是html和css的新手，我正在尝试创建网页。我的问题是，我如何在右边垂直对齐单词，这样文本就不会进出？这就是我遇到的问题，如下图所示。
。
我想让它看起来像这样
所以基本上我希望文本以整齐的方式对齐。
浏览 17提问于2017-02-03得票数 0
回答已采纳
3回答
使用JS更改图片
、、
我想改变背景图片(一个div)与javascript，我将采取从数据库。图片嵌入在CSS中。我想使用JQuery。
CSS
.home_div {
width: 958px;
height: 350px;
margin-bottom: 12px;
background: url(../images/bg_home_div.png)
}
没有JScript。但我在网站的其他部分使用Jquery。
浏览 3提问于2011-05-12得票数 0
回答已采纳
1回答
我有一个简单的JQuery动画，它可以在鼠标移过时降低div的不透明度，在鼠标移出时恢复到100%，单击时将div向下移动几百个像素。很简单，对吧？
问题是:用户单击并开始移动div，但如果用户在动画中移动鼠标，则会检测到mouseout事件，并取消动画。
<!--MOUSEOVER ANIMATION-->
$(".roll").hover(function(){
var rollid = $(this).attr('id');
$("#h" + rollid).stop().animate({
opaci
浏览 1提问于2012-06-01得票数 1
回答已采纳
2回答
我有两个绝对定位的div，我已经排队看起来像一个"L“或一个扭结的管道。在Chrome上，在MacBook Pro上100%缩放(16英寸，2019年)，它看起来如下：
问题是，当我调整浏览器的缩放水平时，两个div会以一个像素的方式进出对齐。例如，这就是90%缩放时的样子：
同样的事情发生在110%的变焦上。如果我用1px来调整位置，它就会重新对齐。是什么原因造成了这种情况，是否有办法防止所有的缩放级别？
下面是关于codepen的一个工作示例：
CSS：
#outer-container {
width: 200px;
height: 40px;
b
浏览 5提问于2021-03-13得票数 4
回答已采纳
4回答
我希望创建一个类似的窗口，其中包含一个表单，如下图所示的窗体。
在我的示例中，当单击顶部导航栏上的登录链接时，将调用包含表单的屏幕。
我的方法是使用包含表单及其元素的隐藏div，同时调用函数来启用和禁用div的可见性。
目前，我正在为div设置样式，以隐藏在类log_in_form_div中的public.css中。
下面是我的HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta htt
浏览 3提问于2015-01-19得票数 0
我想做淡入和淡出效果只使用CSS。如果我在一个div元素上移动或悬停，那么我需要调用另一个DIV来淡入，然后当鼠标离开时它就会淡出。DOM元素调用和效果应该在CSS或CSS3中。我不能使用javascript和Jquery。
<style>
#b
{
width: 200px;
height: 40px;
background: red;
border-radius: 10px;
text-align: center;
margin: 35px;
padding: 30px 0px;
box-shadow: 2px
浏览 4提问于2013-12-20得票数 0
回答已采纳
2回答
我有一个div，它用下面的代码在一个连续的循环中动态地进出：
$(document).ready(function() {
setInterval(function () {
$("#possum-animate").animate({
bottom:"32"
}, 3000 ).delay(10000).animate({
bottom:"-70"
}, 3000).delay(10000);
}, 10000);
});
如何添加一个悬停函数，以便当您悬停div时，它会完成要显示的动画，然后当您悬
浏览 0提问于2013-04-22得票数 0
回答已采纳
2回答
滚动到div
、、、
我尝试在jQuery的scrollTop函数中使用一个非常基本的平滑滚动功能，但没有成功。我希望任何有css类“滚动”的链接应该总是向下滚动页面，并在有类“停止”的div停止。例如，我有如下的HTML结构：
<a href="#" class="scroll">Scroll down</a>
<div class = "test">long text</div>
<div class = "stop">Stop here</div>
<div class
浏览 0提问于2011-08-30得票数 0
回答已采纳
我正在使用物化css来制作博客。并且发现很难用物化网格列来创建一些东西。见下面的命令..。
我的html代码是这样的。
<div class="row">
<div class="col l6 m12 s12">
<div class="my-content">
-----FIRST-content-goes-here-----
</div>
</div>
<div class="col l6 m12 s12">
浏览 3提问于2017-01-13得票数 0
回答已采纳
2回答
在我的中，我通过SVG path帮助创建了一个div动画。成功和div "#car“动画通过我的路径。
现在的问题是如何根据曲线旋转/变换div？也就是说，如果它通过倾斜的路径移动，需要根据直线的曲线旋转div。
HTML部件
<div class="movepath">
<div class="car" id="car"></div>
<svg id="canvas" width="1000px" class="content"
浏览 0提问于2013-02-13得票数 1
回答已采纳
我有一个HTML标记，我有几个CSS文件，为HTML元素分配了不同的属性，这些元素将作为标记的主题。假设标记类似于
<div id=main>
<div>{More HTML elements, divs, spans etc}</div>
<div>{More HTML elements, divs, spans etc}</div>
</div>
css就像这样
/*first.css*/
#main{
someProperty: values;
}
#main div, #main ul l
浏览 0提问于2011-06-02得票数 1
回答已采纳
尝试使用.Netcore制作web应用程序时，当我运行该应用程序时，我收到此错误。帮帮我，这不是错误，而是一个警告。但请帮我解决 我在下面添加了代码 <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<link href="~/css/bootstrap.css" r
浏览 24提问于2019-06-30得票数 6
回答已采纳
1回答
我正在使用这段jquery，它可以在页面上找到任何锚链接，并让我滚动到它们。它的工作真的很好，但我正在努力弄清楚如何使滚动轻松进出卷轴。
谢谢。
//Scroll to anchors
$('a[href^="#"]').on('click', function(event) {
var target = $(this.getAttribute('href'));
if( target.length ) {
event.preventDefault();
$('htm
浏览 4提问于2017-04-22得票数 0
回答已采纳
我想在JS中创建一个按钮，一旦点击，要求用户输入作者和书名。我想把这些输入转移到其他地方。然而，我在编写这个按钮时遇到了困难。
到目前为止，我写的是：
$('span.addall').on('click', function(e){
e.preventDefault();
var title, author;
title = prompt("Please enter title");
author = prompt("Please enter author")
});
浏览 0提问于2016-04-21得票数 0
3回答
目前，添加悬停CSS3或jQuery转换到带有背景图像的div存在问题。我希望背景图像在悬停时褪色为背景颜色。
一个简单的背景图像到背景颜色悬停的基本例子
.div1 {
background:url("http://lorempixel.com/output/business-q-c-640-480-10.jpg");
background-size:cover;
height:200px;
width:600px;
}
.div1:hover {
background:red;
}
现在，这是如何工作，你会期望，但我如何使背景图像淡
浏览 1提问于2014-08-04得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
