草庐IT

javascript - CSS 变量和 Angular 5

我正在尝试在我的Angular应用程序中使用css变量,在子组件中,它只是不工作。在浏览器的Elements工具(我使用的是Chrome最新版本)中,var()不执行任何操作。例子:CSS文件::root{--width:43.75%;}#content{display:grid;grid-template-columns:repeat(2,var(--width));grid-auto-rows:90%;grid-gap:3px;align-content:center;justify-content:center;border:2pxsolidblack;width:400px;h

javascript - 有没有办法通过网络检查机器上安装了哪些字体?

有没有办法测试安装了哪些字体,或者我可以读出所有字体?我想在我们的产品中做一个调查,看看我可以在我们的元素中使用哪些字体。 最佳答案 有一个脚本以不同的字体呈现一堆DIV,然后检查生成的DIV是否具有给定字体的正确尺寸。http://www.lalit.org/lab/javascript-css-font-detect 关于javascript-有没有办法通过网络检查机器上安装了哪些字体?,我们在StackOverflow上找到一个类似的问题: https:

javascript - 如何通过 javascript 覆盖内联 css?

我们可以通过javascript覆盖内联css吗?与IE6兼容。我找到了这个纯css解决方案,但在IE中不起作用。http://nataliejost.com/override-inline-styles-from-the-stylesheet/http://www.sitepoint.com/blogs/2009/05/27/override-inline-css/HelloWorld我们可以用这个解决方案覆盖这个内联样式.blockspan[style]{font-weight:normal!important;color:#000!important;}此解决方案适用于除IE6之

javascript - 等价于 .show() - 纯 JavaScript 中的 jQuery

有人知道javascript中jquery的.show()等价物是什么吗?我已经尝试使用document.getElementById并添加/删除我命名为“显示”//“隐藏”的类,但是效果不是很好我不确定这些类中的属性是否错误..节目类是:.show{position:relative;display:block;}隐藏类是:.hide{position:absolute;top:0px;right:0px;display:none;}我很确定有更好的方法。 最佳答案 document.getElementById('myEleme

javascript - 菜单悬停时屏幕变暗

以下是我的jsfiddle,我在其中尝试创建一个熄灭效果,就像以下网站bankalhabib.com一样,问题是悬停在菜单上时,我的屏幕其余部分没有变暗,这是我真正想要的,而只是我想要的菜单变暗。请告诉我如何解决此问题,以便达到与上述网站相同的效果?谢谢,http://jsfiddle.net/49Qvm/9/HomeAboutContactNum$('li').hover(function(){$(this).addClass('hovered');},function(){$(this).removeClass('hovered');}); 最佳答案

Javascript - 加载多个函数 onLoad

我这周开始学习javascript,我正在了解基础知识。我已经开始为使用切换开关打开和关闭目标div的页面构建一个“常见问题解答”部分。但是,默认情况下,div的显示设置为可见。我在其中放置了一个函数,将其设置为隐藏,以便下拉列表在页面加载时折叠。我试过堆叠它们(切换功能和显示功能),在body标记的“onLoad”中用分号分隔它们。现在,在我应用这些函数运行“onLoad”之前,两者都运行良好。然而,现在只有第二个函数可以切换div,但声明让div折叠onLoad的函数不起作用。我哪里出错了?此外,鉴于我是新手,如果有更好的方法或更简写的版本,请随时告诉我:)functiontogg

javascript - 允许使用 javascript + LivePreview 换行

我正在做一个分两栏的网站,左边是你可以写的,右边是用特殊设计显示的。问题是,我想在右侧允许换行,但它不显示。我怎么能那样做?这是我的设计预览。要查看完整图片,这里是>FiddleHEREfunctionwordsinblocks(self){vardemo=document.getElementById("demo"),initialText=demo.textContent,wordTags=initialText.split("").map(function(word){return''+word+'';});demo.innerHTML=wordTags.join('');sel

javascript - 是否有可能获得表情符号的主要颜色?

我想要实现的是添加一个text-shadow使用text-shadow的表情符号颜色是表情符号中最突出的颜色。我知道有一些JavaScript库可以识别图像中最突出的颜色,但由于表情符号在技术上是文本,所以我不确定我将如何做,甚至根本不确定。我会提供一些我已经尝试过的代码,但老实说,我什至不知道从哪里开始。.emoji{text-shadow:0px0px20pxrgba(54,169,230,0.65);padding:3px6px;font-size:24px;}? 最佳答案 另一种不使用text-shadow的方法是复制表情符

javascript - 改变除一个 Div 之外的所有元素的不透明度

我正在尝试淡化网页上除一个div之外的所有元素。我已经能够使用以下jQuery淡出所有元素:$('*').css('opacity',.3);但是,不透明度似乎是从父元素继承的属性,即使我明确地将div的不透明度设置为1。我现在对任何解决方案一无所知,所以我可以在这里得到一些帮助吗? 最佳答案 如果您想要使这个特定的div在视觉上脱颖而出,您可以考虑一种类似于用于模态窗口/灯箱的方法。使用高z-index绝对定位div,然后在突出显示的div和其余内容之间堆叠另一个div,具有深色背景颜色和中等不透明度。这实际上会使页面的其余部分“

javascript - 用于图像圆形裁剪的 CSS/JS

我的设计师给了我一个外观,我很想能够复制它,但我不太确定该怎么做。第一部分是头像的圆形裁剪(是方形上传)第二部分是对话泡泡我愿意在后端完成第一部分,但更愿意使用CSS/JS解决方案。 最佳答案 对于圆形图像,您可以使用CSS的border-radius:只需使其足够大,使圆Angular接触即可。.profile-img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}Luke的回答对于对话泡泡来说是一个很好的答案:我已经基于它创建了泡泡。我还使