草庐IT

my_parent

全部标签

html - 即 : dropdown options are blank if contain character of my custom font

在我的站点中,我需要显示里面只有图标。为此,我创建了一个自定义字体,例如fontawesome,其中每个Angular色都是我的偶像之一。然后在我的CSS中放置了这个:@font-face{font-family:'myIcon';src:url('../fonts/myIcon.eot?eengex');src:url('../fonts/myIcon.eot?#iefixeengex')format('embedded-opentype'),url('../fonts/myIcon.ttf?eengex')format('truetype'),url('../fonts/myIco

html - 为什么宽度是: 100% not working for my responsive design?

我在创建我的作品集时偶然发现了一个错误,我无法为响应式设计解决这个错误。使用chrome开发者工具,我看到当屏幕宽度小于或等于1200px时,我的width:1000%被删除了;看图片,红色边框就在那里以确保媒体查询确实有效,为了方便起见,我删除了很多代码,但下面是我认为相对的。标题图片我们可以看到width被删除了,我仍然有垂直滚动。HTML代码:CurrentProjectsPreviousProjectsContactme!AsheemChhetriProjectsShowmemoreCSS代码:*{margin:0;padding:0;box-sizing:border-box

html - 为什么宽度是: 100% not working for my responsive design?

我在创建我的作品集时偶然发现了一个错误,我无法为响应式设计解决这个错误。使用chrome开发者工具,我看到当屏幕宽度小于或等于1200px时,我的width:1000%被删除了;看图片,红色边框就在那里以确保媒体查询确实有效,为了方便起见,我删除了很多代码,但下面是我认为相对的。标题图片我们可以看到width被删除了,我仍然有垂直滚动。HTML代码:CurrentProjectsPreviousProjectsContactme!AsheemChhetriProjectsShowmemoreCSS代码:*{margin:0;padding:0;box-sizing:border-box

html - 如何使具有相同特性的 css 选择器按照 HTML 标签的 parent 身份顺序应用?

有一堆相同级别的CSS样式和一个带有嵌套block的HTML代码,这些样式应用于:.style1a{color:red;}.style2a{color:green;}Style2Style1Style2因此,第二个链接(«样式1»)变为绿色。发生这种情况是因为链接标记对两个CSS选择器具有相同的特异性,并且稍后声明了.style2a,因此应用了.style2a。如何在没有有关标签嵌套的初步信息的情况下从最近的样式类父级应用样式(以使第二个链接为红色)?代码Playground:http://codepen.io/anon/pen/zvXmOwHTML可以修改。但考虑到链接可能在任何地方

html - 如何使具有相同特性的 css 选择器按照 HTML 标签的 parent 身份顺序应用?

有一堆相同级别的CSS样式和一个带有嵌套block的HTML代码,这些样式应用于:.style1a{color:red;}.style2a{color:green;}Style2Style1Style2因此,第二个链接(«样式1»)变为绿色。发生这种情况是因为链接标记对两个CSS选择器具有相同的特异性,并且稍后声明了.style2a,因此应用了.style2a。如何在没有有关标签嵌套的初步信息的情况下从最近的样式类父级应用样式(以使第二个链接为红色)?代码Playground:http://codepen.io/anon/pen/zvXmOwHTML可以修改。但考虑到链接可能在任何地方

html - iOS 手机 : scrolling in iFrame within scroll-able parent

我在移动iOSSafari中遇到一个问题,当在iFrame本身内拖动时,无法在包含iFrame的div中滚动:#outside{height:400px;width:200px;background:blue;overflow:scroll;}.space{height:200px;width:200px;background:red;}iframe{height:1000px;width:200px;background-color:green;}ThegreensectionistheiFrame....ScrollingonthegreensectioniniOSmobileis

html - iOS 手机 : scrolling in iFrame within scroll-able parent

我在移动iOSSafari中遇到一个问题,当在iFrame本身内拖动时,无法在包含iFrame的div中滚动:#outside{height:400px;width:200px;background:blue;overflow:scroll;}.space{height:200px;width:200px;background:red;}iframe{height:1000px;width:200px;background-color:green;}ThegreensectionistheiFrame....ScrollingonthegreensectioniniOSmobileis

javascript - 如何在两个 parent 之间转换一个div?

我有两个容器:ADivADivADiv第一个包含div元素,这些元素通过以下jQuery移动:$(".left>div").click(function(){$(this).appendTo('.right');});然而,上面没有提供动画。我想使用CSStransition为两个父元素之间的每个div设置动画(从.left到.right).顺便说一下,这是我的CSS:.left,.right{position:absolute;display:block;box-sizing:border-box;width:50%;height:100%;}.left{background:red

javascript - 如何在两个 parent 之间转换一个div?

我有两个容器:ADivADivADiv第一个包含div元素,这些元素通过以下jQuery移动:$(".left>div").click(function(){$(this).appendTo('.right');});然而,上面没有提供动画。我想使用CSStransition为两个父元素之间的每个div设置动画(从.left到.right).顺便说一下,这是我的CSS:.left,.right{position:absolute;display:block;box-sizing:border-box;width:50%;height:100%;}.left{background:red

jquery - visibility :hidden of table-cell hides background-color of parent table-row

我有一些使用display:table-row和display:table-cell构建的表单。在Firefox52上,我可以使用visibility:hidden隐藏单元格元素,隐藏单元格但保留CSS定义的结构(而不​​是使用display:none)。虽然在Firefox64(以及chrome)上,当我隐藏单元格的可见性时,父表行在该位置失去其背景颜色。这是显示问题的片段:#tableRow{display:table-row;background-color:#f5f5f5;}.cell{display:table-cell;}#hide{visibility:hidden;}V