草庐IT

BACKGROUND

全部标签

html - Google Chrome 中表格行的 CSS 背景问题

我有一张table,里面有这个ThreadsLastPost所以我想给我的tr提供背景图片,所以我放了这个.table-top-background{background:url('/img/design/extra-large-back.png')no-repeat;position:relative;color:White;height:31px;}.thread-pic{width:30px;}.thread-information{width:280px;}.thread-top-middle{width:418px;}问题是,在所有浏览器中,谷歌浏览器都可以。在GoogleC

jquery - Nivo Slider Jquery 插件 - 图像自动调整大小

问题:我怎样才能让我的照片不那么夸张?为什么我看不到整个图像?解释:我将NivoSliderJquery插件放在我的网页上,效果很好!问题是当我放入图像时,图像尺寸不正确。图像模糊,slider未显示整个图像。我查看了CSS,它看起来不错。这是我的HTML代码:这是我的CSS(我有两个链接到此页面的CSS文件nivo-slider.css和bar.css用于NivoSlider主题)。nivo-slider.css:.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden;}.nivoSliderimg{p

jquery - Nivo Slider Jquery 插件 - 图像自动调整大小

问题:我怎样才能让我的照片不那么夸张?为什么我看不到整个图像?解释:我将NivoSliderJquery插件放在我的网页上,效果很好!问题是当我放入图像时,图像尺寸不正确。图像模糊,slider未显示整个图像。我查看了CSS,它看起来不错。这是我的HTML代码:这是我的CSS(我有两个链接到此页面的CSS文件nivo-slider.css和bar.css用于NivoSlider主题)。nivo-slider.css:.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden;}.nivoSliderimg{p

css - :hover 上的重叠 div

我的div在悬停时会沿高度增长,而在悬停时我希望它们与所有其他div重叠,而不是像我的示例中那样插入它们。#container{width:300px;}#containeradiv{float:left;width:100px;height:60px;-webkit-transition:all0.25sease;}#container.color1{background:#444;}#container.color2{background:#555;}#container.color3{background:#666;}#container.color4{background:#7

css - :hover 上的重叠 div

我的div在悬停时会沿高度增长,而在悬停时我希望它们与所有其他div重叠,而不是像我的示例中那样插入它们。#container{width:300px;}#containeradiv{float:left;width:100px;height:60px;-webkit-transition:all0.25sease;}#container.color1{background:#444;}#container.color2{background:#555;}#container.color3{background:#666;}#container.color4{background:#7

javascript - 手机长按增加位置

我正在尝试检测移动设备上的长按并增加Sprite在屏幕上的位置。目前,touchstart会在每次触摸时将Sprite移动10px,touchend会停止变换。理想情况下,我想长按屏幕并让Sprite流畅地移动到那个位置。如有任何建议和指导,我们将不胜感激。谢谢。这是我的代码:(function(){varsprite=document.querySelector('.sprite'),touch={left:false,right:false},trans=0,property=getTransformProperty(sprite);functiongetTransformProp

javascript - 手机长按增加位置

我正在尝试检测移动设备上的长按并增加Sprite在屏幕上的位置。目前,touchstart会在每次触摸时将Sprite移动10px,touchend会停止变换。理想情况下,我想长按屏幕并让Sprite流畅地移动到那个位置。如有任何建议和指导,我们将不胜感激。谢谢。这是我的代码:(function(){varsprite=document.querySelector('.sprite'),touch={left:false,right:false},trans=0,property=getTransformProperty(sprite);functiongetTransformProp

html - 如何使用 CSS 加载基于浏览器支持的图像格式?

我想使用WebP我的CSS中的图像格式background-image属性(property)。但是,由于WebP是相当新的并且仍然不受所有新旧浏览器的支持,我还想添加对该图像的JPEG版本的支持作为后备。我知道我可以使用标记来执行此操作:这将使浏览器加载第一个支持的格式。但是我可以仅使用CSS以某种方式实现相同的效果吗,因为我正在使用background-image设置背景图像。属性(property)?我知道我可以使用@media根据屏幕尺寸选择图像查询,但如何根据浏览器支持加载图像?我试图寻找解决方案,但找不到。如果这是重复的并且解决方案已经存在,请告诉我。谢谢。

html - 如何使用 CSS 加载基于浏览器支持的图像格式?

我想使用WebP我的CSS中的图像格式background-image属性(property)。但是,由于WebP是相当新的并且仍然不受所有新旧浏览器的支持,我还想添加对该图像的JPEG版本的支持作为后备。我知道我可以使用标记来执行此操作:这将使浏览器加载第一个支持的格式。但是我可以仅使用CSS以某种方式实现相同的效果吗,因为我正在使用background-image设置背景图像。属性(property)?我知道我可以使用@media根据屏幕尺寸选择图像查询,但如何根据浏览器支持加载图像?我试图寻找解决方案,但找不到。如果这是重复的并且解决方案已经存在,请告诉我。谢谢。

javascript - 无缝连接可重复和不可重复的背景

我有一个700x300的背景在主要内容div中无缝重复。现在,我想在content-div的底部附加一个div,其中包含一个不可重复的不同背景图像,并与其上方的可重复背景无缝连接。从本质上讲,不可重复图像看起来就像可重复图像的最后一部分。由于图案的性质,除非背景图像的完整300像素高度在内容div背景的最后一次重复中可见,否则下方div中的背景将不会无缝连接。基本上,我需要内容div的高度在任何情况下都是300px的倍数。解决此类问题的好方法是什么?我已经尝试在加载页面时调整content-div的大小,但这仅在内容div不包含任何调整大小的动态内容时有效,这不是我的情况:functi