堆棧內存溢出
cost 366 ms
如何結合絕對位置、Flexbox 和動態尺寸標注？

[英]How to combine absolute position, Flexbox and dynamic dimensioning?

讓，一個由內容定義的動態高度的浮動容器。 內容由兩個元素組成： 切換下一個元素的可點擊標題欄 一個能夠控制垂直溢出的子容器，其動態高度必須占用最大剩余空間，但當且僅當有足夠的內容使其使用剩余空間時。 <div class="container"> <div class ...

僅使用 CSS 將文本轉換為帶有內容作為工具提示的圖標

[英]Turning text into icon with content as tooltip with CSS only

我正在嘗試將超鏈接轉換為圖標，同時將內容文本轉換為工具提示。 問題是我在一個只有 CSS 可以玩的地方工作，我無法修改 HTML 或添加任何 Javascript。 我正在從表中的外部源檢索數據，其中一列是超鏈接 - 我想將其轉換為帶有文本內容的圖標，作為 hover 上的工具提示方式。 下面剪斷了 ...

以與其周圍相同的字體大小顯示等寬 fonts

[英]Display monospace fonts at the same font size as their surroundings

我正在使用這個眾所周知的 hack 使等寬字體 fonts 使用與比例字體相同的字體大小：code, kbd, tt, pre, samp, textarea { font-size:1em; font-family: monospace, monospace; } 因為默認是讓瀏覽器對 ...

IE9之前的背景大小

[英]background-size before IE9

我有一些簡單的CSS，使用屬性background-size強制背景填充頁面。 由於缺少對屬性background-size的支持，此代碼在Internet Explorer 8及更低版本上中斷。 使用此polyfill代碼 ，可以向該代碼添加IE8支持。 但是，該代碼在IE7及更低 ...

CSS Aspect Ratio - 根據動態父元素高度設置子元素的寬度

[英]CSS Aspect Ratio - set width of child element based on dynamic parent height

首先，讓我解釋一下我所知道的存在並嘗試了以下變體： 典型的縱橫比 hack ，它根據寬度管理元素的高度。 Stackoverflow 回答，其中高度由圖像決定，然后決定容器的寬度。 我感興趣的是純 CSS 解決方案，使用您能想到的任何 hacky、新穎、實驗性的屬性，都可以實現以下結 ...

針對Firefox Quantum的條件CSS規則

[英]Conditional CSS rule targeting Firefox Quantum

當涉及CSS時，我們遇到了針對Firefox Quantum的問題。 我們知道以下幾點： ...將以所有Firefox瀏覽器為目標，但我們只想以Firefox Quantum為目標，因為就CSS解釋而言，Firefox Quantum與舊版本的Firefox之間存在一些差異。 有誰知 ...

使用百分比高度技巧時，溢出值將被忽略

[英]Overflow value being ignored when using percentage height hack

鑒於以下CSS聲明用於創建響應式正方形網格： overflow: hidden顯示子元素時不考慮overflow: hidden 。 子級似乎會擴展父級的高度，並將其父級下方的元素推到適當位置。 我很確定這是由於使用了我正在使用的padding-bottom / percenta ...

2017-07-31 03:12:08   2   42    css / css-hack  
我可以影響目前僅使用CSS的div之外的元素嗎？

[英]Can I affect an element outside the div I am currently in purely with CSS?

上下文 ：我正嘗試使用無線電技巧來切換.tabinfo div中查看的文本，但是我的無線電和要更改其display屬性的文本位於不同的div中。 問題 ：是否可以通過單擊嵌套的單選按鈕使用純CSS選擇器來選擇#text元素？ 參考代碼 ：我正在使用引導程序布局，並創建了以下HTML代 ...

在頁面加載時隱藏滑動/推送菜單？ （僅CSS）

[英]Hide slide/push menu on page load? (css only)

我正在處理幻燈片/推出菜單並有另一個問題（感謝上次的幫助）。 我有菜單滑出並壓縮網頁，但服務器上的網頁有點慢（復雜頁面和調用 python 字符串等），並且導致在頁面內容加載之前顯示下面的菜單的閃爍。 所以我想我想在頁面加載時隱藏菜單，也許直到您單擊觸發器圖標。 我已經嘗試了很多東西，但無法弄清楚 ...

正確的屬性在即不起作用

[英]right property doesn't work in ie

我的網站的一部分在IE中看起來很糟糕，我只是在這里和其他網站（如css trikes或github）中搜索，並嘗試在IE中使用css hacks，但是css hacks無法解決我的問題。 這是我的網站 您可以在我拍攝的屏幕截圖中看到箭頭問題，如果您使用chrome或firefox打開網站 ...

CSS 100vw導致滾動條顯示，不幸的是無法使用100％

[英]CSS 100vw causing scrollbar to show, cant use 100% unfortunately

您好，社區！ 我知道這個問題有很多變體，但是似乎沒有人試圖做像我這樣的事情。 我的場景無法使用width: 100%輕松解決。 因此，讓我們開始這個聚會吧！ 在准備了Chris Coyier撰寫的有關從對象邊界侵入CSS三角形的文章之后，我就部分地想到了這個想法。 重要 ...

從僅在Safari上而不是在Chorme和firefox上出現的自適應頁面中刪除WhiteSapce頁邊距

[英]Remove WhiteSapce margin from responsive Page which is coming only on Safari not on Chorme , firefox

我已經在@media query的幫助下開發了一個響應式頁面。 現在，當我在iPhone 6+上檢查我的頁面時，就會出現一些不需要的空白。 但是頁面在chorme和firefox瀏覽器上也可以正常工作（也為開發人員模式）。 Safari是否有CSS hack，這樣我就可以從頁面中刪 ...

在IE中有兄弟姐妹img時，拖動不起作用

[英]The drag doesn't work when it has a siblings img in IE

我正在嘗試使用同級img創建一個拖動框，並且可以拖動``move-obj''，它可以在IE（8,9,10）以外的其他瀏覽器中正常運行。 在IE中，只要您將鼠標懸停在邊框上，就可以拖動“ move-obj”，但是如果刪除標記“ img”，它就可以正常工作。我發現，如果在“ move-obj”中添 ...

減少IE8的駭客背景圖片

[英]Less hack background-image for IE8

我想為IE8設置更少的背景圖片，因為它不支持background-size 。 我在Google中搜索了有關IE8黑客的信息，結果是編寫了這樣的代碼height: 300px\\9; ，以\\9結尾。 我已經嘗試過了，但是我發現它不支持background-image設置。 ...

有人可以確認我正在使用此瀏覽器特定的CSS嗎？

[英]Can Someone Confirm That I am Doing This Browser Specific CSS Right

我的CSS有這個課： 這適用於IE，但不適用於FF或Chrome，因此我將其寫出，只想在此處進行完整性檢查，因為我不確定如何將其寫出，可能需要指導。 為了使其在IE中正常工作，我離開了上面的行： 因此，對於Firefox和Chrome，我要添加以下行： 對於Firef ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM