草庐IT

BACKGROUND_GREEN

全部标签

html - Firefox 中的圆 Angular : space between border and background

我有一个要应用圆Angular的div。这是我的demofiddle. div{margin:20px;width:250px;height:250px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;border-radius:15px;background-color:#4c66a1;border:2pxsolid#4c66a1;}我还为这个div应用了边框和背景色。问题出现在Firefox中。在div的边框和背景颜色之间有少量空白(见下图)。它非常小,但人们还是注意

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

javascript - jQuery/CSS : fixed overlay should not allow scrolling of background?

我有一个固定在屏幕中央的覆盖框。该页面本身相当长,并且有一个垂直滚动条。我想在显示叠加层后禁用页面本身的滚动。但是我不能完全禁用滚动,因为一些叠加层本身确实有overflow-y:scroll。因此叠加层中的内容应该滚动,但页面本身应该卡住。知道如何用jquery或css解决这个问题吗? 最佳答案 我能想到的最快和最肮脏的方法是为滚动事件的窗口附加一个事件监听器,如果您的叠加层可见则防止默认()。像这样(使用jquery)。window.addEventListener('scroll',function(e){varel=$('.

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

html - CSS 拼图 : How to add background-image and set height/width on empty span?

我已经在几个span元素上设置了background-image,但它们没有显示,我想是因为我的height和width设置被忽略。HTML来源:CSS:span.sidebar-poster{margin-bottom:10px;background-repeat:no-repeat;width:160px;}span#starthere{background-image:url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou180.jpg);height:285px;}span#starthere:h

javascript - 如何设置 span background-color 以便它像在 div 中一样为整行背景着色(显示 : block; not an option)

我需要在前置元素中设置一些文本的样式。为此,我使用这样的内联跨度元素:sometextandsometextwithadifferentbackgroundandsomemoretext然后呈现html,仅在文本下方更改了span-elements背景。是否有可能在不将显示更改为block或内联block的情况下使背景颜色延伸到整行。或者有没有办法用javascript实现这个? 最佳答案 您可以通过以不同方式设置文本格式来实现这一点。我已经通过以下方式实现了我相信您正在寻找的东西:sometextandsometextwithad

javascript - 如何设置 span background-color 以便它像在 div 中一样为整行背景着色(显示 : block; not an option)

我需要在前置元素中设置一些文本的样式。为此,我使用这样的内联跨度元素:sometextandsometextwithadifferentbackgroundandsomemoretext然后呈现html,仅在文本下方更改了span-elements背景。是否有可能在不将显示更改为block或内联block的情况下使背景颜色延伸到整行。或者有没有办法用javascript实现这个? 最佳答案 您可以通过以不同方式设置文本格式来实现这一点。我已经通过以下方式实现了我相信您正在寻找的东西:sometextandsometextwithad

javascript - 谷歌浏览器包应用程序 : How to make transparent rounded background like google hangout app?

如下图所示,环聊应用是完全透明的,并且还应用了背景阴影。我尝试了几种方法,但没有成功,将css样式应用于页面的“html”和“body”标记,并在创建新窗口时使用“frame:none”选项,但它不起作用。如何制作这样的谷歌浏览器包应用程序?有人知道吗?这是我正在试验的代码。ma​​infest.json:{"manifest_version":2,"name":"DemoApp","version":"0.1","description":"DemoPurpose","app":{"background":{"scripts":["background.js"]}},"permiss

javascript - 谷歌浏览器包应用程序 : How to make transparent rounded background like google hangout app?

如下图所示,环聊应用是完全透明的,并且还应用了背景阴影。我尝试了几种方法,但没有成功,将css样式应用于页面的“html”和“body”标记,并在创建新窗口时使用“frame:none”选项,但它不起作用。如何制作这样的谷歌浏览器包应用程序?有人知道吗?这是我正在试验的代码。ma​​infest.json:{"manifest_version":2,"name":"DemoApp","version":"0.1","description":"DemoPurpose","app":{"background":{"scripts":["background.js"]}},"permiss

html - 什么在搜索引擎中会被索引得更好 : img tags or background-images with screenreader tags?

在构建响应式网站时,我有时会使用背景图像来为适当的屏幕尺寸呈现适当的图像。例如:#image{background-image:url(largeimage.jpg);}@mediaonlyscreenand(max-width:320px){#image{background-image:url(smallimage.jpg);}}为了让屏幕阅读器知道我们正在处理哪种元素,我添加了role="img"还有一个aria-label这是我的问题:我一直了解到,SEO最好在实际图像元素中添加公司Logo等图像。例如原因是当谷歌图片搜索公司名称时,Logo会出现。(假设网站排名足够好)当作为