Questions tagged «css»

我对CSS3动画有疑问。 .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } 仅当我删除的更改时，此代码才有效display。 我想在悬停后立即更改显示，但是不透明度应使用过渡进行更改。

100 animation  css 

我有一个带有文本的元素。每当我降低不透明度时，我就会降低整个身体的不透明度。有什么办法可以使我变得background-image更黑，而不是其他所有？ background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

100 html  css  opacity 

在CSS中，将overflow:hidden其设置在父容器上，以使其随其浮动子容器的高度扩展。 但是，当与margin: auto...结合使用时，它还具有另一个有趣的功能。 如果PREVIOUS兄弟姐妹是一个浮动元素，它将实际上并列出现。也就是说，如果同属float:left容器，float:none overflow:hidden则带有的容器将出现在同属容器的右侧，没有换行符-就像它在正常流中浮动一样。如果先前的兄弟是，float:right则容器将出现在兄弟的左侧。调整此容器的大小将准确地显示其在浮动元素之间居中的位置。说，如果你有两个以前的兄弟姐妹，一个float:left其他float:right，容器将出现在中心插图中的两项。 所以这是问题所在... 如何在不遮盖孩子的情况下保持那种布局？ 在整个网络上进行谷歌搜索为我提供了如何clear:both扩展和扩展容器的方法...但是我找不到任何其他解决方案来保持左/右前一个孩子居中。如果您制作容器，overflow:visible则容器会突然忽略浮动元素的布局流程，而是分层显示在浮动元素的顶部。 所以问题： 我必须有一个容器overflow:hidden来保留布局... 我怎样才能做到不让孩子蒙面？我需要让孩子相对于容器外部的父对象绝对定位。 要么 我如何overflow:visible才能绝对地将一个孩子相对于其父对象放置在容器之外...还可以保留同级的float-like-layout-flow？

100 css  overflow  css-float  center  hidden 

样品： div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> 运行代码段Hide results展开摘要 我有两个问题，请： 为什么基本上会发生这种情况span？ 什么是正确的方法，以防止其拉伸而不影响flex容器中的其他flex项目？

100 html  css  flexbox 

如何在Yii Framework中包含Javascript或CSS文件？ 我想在我的网站上创建一个页面，该页面上运行着一个小的Javascript应用程序，因此我想在特定视图中包含.js和.css文件。

99 javascript  php  css  yii 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 我正在尝试创建一个“气泡”，该气泡可以在onmouseover事件触发时弹出，并且只要鼠标悬停在引发onmouseover事件的项目上方，或者如果将鼠标移到气泡中，它就会保持打开状态。我的气泡需要具有各种HTML和样式，包括超链接，图像等。 我基本上通过编写约200行丑陋的JavaScript来实现了这一目标，但是我真的很想找到一个jQuery插件或其他一些方法来解决这一问题。

99 javascript  jquery  html  css 

我需要在CSS中使用属性选择器来更改不同颜色和图像上的链接，但是它不起作用。 我有这个HTML： <a href="/manual.pdf">A PDF File</a> 而这个CSS： a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } 为什么背景不是红色的？

99 html  css  css-selectors 

使用chromes网站检查器查看代码非常有用。但是您如何查看例如按钮的悬停代码？您将不得不将鼠标悬停在按钮上，因此无法在检查器中使用它（鼠标）。在检查器中是否有任何快捷方式或其他方法可以完成此操作？

99 css  google-chrome  google-chrome-devtools  web-inspector 

我试图阻止浏览器:hover通过JavaScript 使用CSS 的效果。 我在CSS中设置了a和a:hover样式，因为如果JS不可用，我希望获得悬浮效果。但是，如果有可用的JS ，我想用更平滑的效果覆盖CSS悬停效果（例如，使用jQuery color插件）。 我尝试了这个： $("ul#mainFilter a").hover( function(e){ e.preventDefault(); ...do my stuff... }, function(e){ e.preventDefault(); ...do my stuff... }); 我也尝试过使用return false;，但是它不起作用。 这是我的问题的一个示例：http : //jsfiddle.net/4rEzz/。链接应该淡出而不会变灰。 如fudgey所述，一种解决方法是使用重置悬停样式，.css()但我必须覆盖CSS中指定的每个属性（请参见http://jsfiddle.net/raPeX/1/）。我正在寻找一个通用的解决方案。 有谁知道如何做到这一点？ PS：我不想覆盖为悬停设置的所有样式。

99 javascript  jquery  css 

注意：此问题仅与Grunt 0.3.x有关，已留作参考。有关最新的Grunt 1.x版本的帮助，请参阅此问题下方的我的评论。 我目前正在尝试使用Grunt.js设置自动构建过程，以便首先进行串联，然后最小化CSS和JavaScript文件。 我已经能够成功地串联和最小化我的JavaScript文件，尽管每次运行grunt时，它似乎只是追加到文件中而不是覆盖它们。 至于缩小甚至连接CSS，到目前为止，我还无法做到这一点！ 就笨拙的CSS模块而言，我尝试使用consolidate-css，grunt-css＆，cssmin但无济于事。无法理解如何使用它们！ 我的目录结构如下（是一个典型的node.js应用程序）： app.js grunt.js /public/index.html / public / css / [各种CSS文件] / public / js / [各种javascript文件] 这是我的grunt.js文件当前在我的应用程序的根文件夹中的样子： module.exports = function(grunt) { // Project configuration. grunt.initConfig({ pkg: '<json:package.json>', concat: { dist: { src: 'public/js/*.js', dest: 'public/js/concat.js' } }, min: { dist: { src: 'public/js/concat.js', …

99 javascript  css  concatenation  minify  gruntjs 

地图标记的默认Google Maps InfoWindow非常圆。如何创建带有方形角的自定义InfoWindow？

99 javascript  html  css  google-maps 

我有一个div，id="a"其中可能有来自多个组的任何数量的类。每个组都有一个特定的前缀。在javascript中，我不知道该群组中的哪个类位于div上。我希望能够清除具有给定前缀的所有类，然后添加一个新的类。如果要删除所有以“ bg”开头的类，该怎么做？像这样的东西，但实际上有效： $("#a").removeClass("bg*");

99 javascript  jquery  css 

都不应该都删除吗？还是说我们应该使用<small>？为什么是<big>删除但<small>不删除？什么<big>不适用于哪些问题<small>？ http://www.w3schools.com/html5/html5_reference.asp

99 css  xhtml  web-standards  semantic-markup  html 

通过使用Thymeleaf作为模板引擎，是否可以在div带有th:if子句的简单对象中动态添加CSS类/从中删除CSS类？ 通常，我可以使用如下条件语句： <a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> 我们将创建到lorem ipsum页面的链接，但前提是条件子句为true。 我正在寻找不同的东西：我希望该块始终可见，但根据情况使用可更改的类。

99 java  html  css  spring  thymeleaf 

我试图响应浏览器窗口在div中制作一种字体。到目前为止，它已经完美地工作，但父div有一个max-width的525px。进一步调整浏览器的大小不会使字体停止调整大小。这使我想知道是否存在诸如min-font-size或的东西max-font-size，以及是否不存在这种东西，是否有办法实现类似的目的。 我以为使用百分比font-size可以工作，但是文本的位数不会相应地缩放到父div。这是我所拥有的： 父div的CSS： .textField{ background-color:rgba(88, 88, 88, 0.33); width:40%; height:450px; min-width:200px; max-width:525px; z-index:2; } 有问题的文本的CSS： .subText{ position:relative; top:-55px; left:15px; font-family:"news_gothic"; font-size:1.3vw; font-size-adjust:auto; width:90%; color:white; z-index:1; } 我已经在互联网上搜索了很长一段时间，但无济于事。

99 html  css  fonts  font-size