css3

2熱度

1回答

我有一個父母與自動身高（例如我添加高度300px測試pupose）和子元素的位置：固定。即使孩子有固定位置，只要孩子可以伸展父母元素嗎？ <div class="parent"> <div class="fixed"></div> </div> .fixed { position: fixed; height: 750px; width: 100%;

0熱度

3回答

最簡單的方法來選擇Flex容器的所有元素？

什麼是最簡單的方法來選擇flexbox容器的所有子元素，並給他們所有相同的餘量，例如？例子： <div class="flexboxcontainer"> <h1>Headline</h1> <p>Some Text</p> <div>Some more text</div> <p class="smalltext">Some small text</p> </div>

0熱度

2回答

如何在圖像上創建一個白色背景

嗨，大家好我試圖用引導3產生這種效果：黑顏色是隨機的圖像，然後只是一個白色的長條上是我可以把我的文字等到目前爲止，我有這樣的： HTML： <div class="parallax"> <div class="container"> <h1> Testing </h1> </div> </div> CSS .parallax { backgroun

2熱度

1回答

使用css設置響應式草繪邊框

我已經創建了用於在圖像上設置草圖樣式邊框的代碼。其中可以看到下面： jQuery('.border').click(function(){ jQuery('.border').toggleClass('resize'); }); body { background-color: lightblue; } .border { wid

1熱度

1回答

爲什麼透視不適用於容器的兒童？

我正在製作4層樓的3D平面佈置圖，並且想要將同一視角應用於所有樓層。事實證明這是一個問題。由於不相關的原因，我必須在包含實際平面圖圖像的div上放置包裝。該結構是這樣的： <div class="map">  <div class="floor"> <!-- Wrapper that will not be trans

-1熱度

2回答

如何自定義導航欄中懸停的大小？

我正在學習引導我正在嘗試創建一個導航欄，當我們向下滾動時，它會縮小，並且還想讓我在全尺寸的鏈接上進行懸停，但我嘗試了太多但我無法完成。請幫助我使這個導航欄全高度懸停在鏈接上。以下是代碼中，我寫道： HTML代碼 <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid" id="fu

-1熱度

1回答

如何在JavaScript中使用setInterval方法實現TRANSITION效果？

我已經設置了一個網頁，每2秒更換一次身體的背景顏色。我一直在努力的是如何將轉換效果納入setInterval方法。我希望新顏色具有淡入淡出效果，就像CSS中的transition屬性一樣。如何才能達到這種改變/切換背景顏色的效果？這裏是我的代碼： var startButton = document.getElementById("startButton"); var body = do

1熱度

3回答

引導3.0的行具有利潤率左15px的利潤率和右15px的

<header> <div class="container"> <div class="row"> <div class="col-lg-2 logo"> <img src="img/logo.png" alt="Logotype"> </div> <div class="col-lg-7 col-lg-

0熱度

1回答

字體面在IE或邊緣

不工作我使用下面的字體-face規則： @font-face { font-family: aiCustomFont; src: url('../fonts/myriadpro-regular.otf') format('opentype'), url('../fonts/myriad pro regular.ttf') format('truetype'); }

0熱度

1回答

爲什麼css網格在IE和Edge中不起作用？

我做一個網格，像這樣的結構：我的下一個非常基本的代碼：https://codepen.io/anon/pen/PEpYoy .grid-list { \t padding: 0; \t display: -ms-grid; \t display: grid; \t list-style: none; \t -ms-grid-columns: 1fr 1fr 1fr